[Bug]: Card (mostly) unresponsive, with console errors
bugStale
### Short summary 📝
The "basic" card works, but most of the interactive features don't do anything
### Detailed description 📋
When I open a dashboard containing the card, I get a large number of exceptions in my browser console. The card displays, but is mostly non-interactive.
<img width="1000" height="852" alt="Image" src="https://github.com/user-attachments/assets/190065ea-bf59-430a-869f-febe9bae4489" />
I expect to see something other than NaN for tyre pressure, and that clicking the buttons would have a default behaviour? Also, clicking on "Charging" shows the charging data maybe one time out of four, and clicking "Services" doesn't seem to do anything.
It's entirely possible I've missed something fundamental about how to set up the card: I've not seen it working to know exactly how it's broken.
I've had the card set up (but not really looking like it's working) for a while. Before reporting this bug, I tried creating a new instance from scratch, and also tried upgrading to the latest pre-release.
### Version 📦
v1.11.0
### Card Configuration
```yaml
type: custom:vehicle-info-card
name: *******
entity: sensor.*******_car
model_name: *******
selected_language: system
show_slides: false
show_map: true
show_buttons: true
show_header_info: true
show_background: true
enable_map_popup: true
enable_services_control: true
show_error_notify: true
device_tracker: device_tracker.*******_device_tracker
map_popup_config:
hours_to_show: 5
default_zoom: 14
theme_mode: auto
path_color: deep-orange
selected_theme:
theme: default
mode: auto
extra_configs:
tire_card_custom:
background: ""
horizontal: false
image_size: 100
value_size: 100
top: 50
left: 50
images_swipe:
max_height: 150
max_width: 450
autoplay: false
loop: true
delay: 5000
speed: 500
effect: slide
mini_map_height: 150
show_address: true
section_order:
- header_info
- mini_map
- buttons
button_grid:
use_swiper: false
rows_size: 2
services:
auxheat: true
charge: false
doorsLock: false
engine: false
preheat: true
sendRoute: false
sigPos: false
sunroof: false
windows: true
use_custom_cards:
vehicle_card: false
trip_card: false
eco_card: false
tyre_card: false
images: []
vehicle_card:
- type: entities
entities:
- entity: sensor.*******_charging_power
- entity: binary_sensor.*******_low_brake_fluid_warning
title: Vehicle Status
vehicle_button:
button_action:
tap_action: more-info
hold_action: none
double_tap_action: none
enabled: false
button_type: action
trip_button:
button_type: action
button_action:
tap_action: more-info
hold_action: none
double_tap_action: none
primary: ""
trip_card:
- type: entities
entities:
- entity: sensor.*******_odometer
title: Trip Data
```
### Environment 🌐
Firefox, also Android app
### Logs and screenshots 📂
This exception is representative of the exceptions I see in the console. I've not looked at them all to make sure they're _all_ identical.
```
Uncaught (in promise) TypeError: can't access property "entity_id", this.vehicleEntities.lockSensor is undefined
getDoorStatusInfo vehicle-info-card.js:5773
getDoorStatusInfo vehicle-info-card.js:5773
getFallbackEntityInfo vehicle-info-card.js:5773
getEntityInfoByKey vehicle-info-card.js:5773
createDataArray vehicle-info-card.js:6013
createDataArray vehicle-info-card.js:6013
_renderOverviewDataWithSubCard vehicle-info-card.js:5953
_renderDefaultVehicleCard vehicle-info-card.js:5891
_renderCustomCard vehicle-info-card.js:5860
render vehicle-info-card.js:5778
update vehicle-info-card.js:22
performUpdate vehicle-info-card.js:11
scheduleUpdate vehicle-info-card.js:11
_$EP vehicle-info-card.js:11
requestUpdate vehicle-info-card.js:11
set vehicle-info-card.js:11
set hass vehicle-info-card.js:5773
set vehicle-info-card.js:11
update hui-card.ts:208
performUpdate reactive-element.ts:1504
scheduleUpdate reactive-element.ts:1400
_$EP reactive-element.ts:1372
requestUpdate reactive-element.ts:1311
set reactive-element.ts:789
update hui-section.ts:127
update hui-section.ts:126
performUpdate reactive-element.ts:1504
performUpdate storage.ts:172
scheduleUpdate reactive-element.ts:1400
_$EP reactive-element.ts:1372
requestUpdate reactive-element.ts:1311
set reactive-element.ts:789
update hui-view.ts:266
update hui-view.ts:264
performUpdate reactive-element.ts:1504
performUpdate storage.ts:172
scheduleUpdate reactive-element.ts:1400
_$EP reactive-element.ts:1372
requestUpdate reactive-element.ts:1311
set reactive-element.ts:789
updated hui-root.ts:753
_$AE reactive-element.ts:1553
performUpdate reactive-element.ts:1518
scheduleUpdate reactive-element.ts:1400
_$EP reactive-element.ts:1372
requestUpdate reactive-element.ts:1311
set reactive-element.ts:789
j lit-html.ts:1987
_$AI lit-html.ts:1927
p lit-html.ts:1282
$ lit-html.ts:1636
_$AI lit-html.ts:1475
F lit-html.ts:2278
update lit-element.ts:171
performUpdate reactive-element.ts:1504
scheduleUpdate reactive-element.ts:1400
_$EP reactive-element.ts:1372
requestUpdate reactive-element.ts:1311
set reactive-element.ts:789
updatePageEl partial-panel-resolver.ts:101
update hass-router-page.ts:89
performUpdate reactive-element.ts:1504
scheduleUpdate reactive-element.ts:1400
_$EP reactive-element.ts:1372
requestUpdate reactive-element.ts:1311
set reactive-element.ts:789
j lit-html.ts:1987
_$AI lit-html.ts:1927
p lit-html.ts:1282
$ lit-html.ts:1636
_$AI lit-html.ts:1475
p lit-html.ts:1282
$ lit-html.ts:1636
vehicle-info-card.js:5773:1135840
```
1 条评论