2 times over 10, on/off and slider control won't appear see pics below
GHenry21 opened this issue · comments
2 times over 10, on/off and slider control doesn't appear, this regardless updates since several months. The issue persist regardless the theme used and the cache being purged or not, using the android mobile app or the web PC browser (firefox)
Refreshing the page or switching tab and coming back solve (temporarily) the issue, since it will come back after a some time
I don't remember exactly when this started for me, I think it was like you said, a few months ago this started to become "unstable". Our workaround is also exactly the same, refresh several times until the buttons appear. 😅
EDIT: I should probably add my current settings!
Home Assistant 2023.1.5
Supervisor 2022.12.1
Operating System 9.4
Frontend 20230110.0 - latest
I started using this card yesterday and have noticed the same problem. It only manifests on the main panel that the CSS seems not to apply. The other panels seem to render correctly. If I go into edit mode on the main panel and move one of the cards with light-entity-card to another location, all the light-entity-card CSS style appears suddenly.
I am also experiencing this. Sliders sometimes do not show up, and more annoying than that, is the extra empty space that shows up where the card/sliders would be (with/without persist_features). It usually goes away after going to settings (for example), and going back to dashboard. The issue comes back after closing the app and opening it again.
I have tried playing around with different settings, and even using card mod to hack it, but no luck. I am not familiar with js, but I could help troubleshoot, just need some pointers
Each of the lights above has currently this config
- entity: light.bedroom_light
type: custom:slider-entity-row
name: Bedroom
toggle: true
min: 3
grow: true
- shorten_cards: true
consolidate_entities: false
child_card: false
hide_header: true
header: ''
color_wheel: true
persist_features: false
brightness: false
color_temp: true
white_value: false
color_picker: true
speed: false
intensity: false
force_features: false
show_slider_percent: false
full_width_sliders: false
brightness_icon: weather-sunny
white_icon: file-word-box
temperature_icon: thermometer-auto
speed_icon: speedometer
intensity_icon: transit-connection-horizontal
entity: light.bedroom_light
type: custom:light-entity-card
card_mod:
style:
.: |
.light-entity-card {
border-style: none;
}
.light-entity-card-effectlist {
display: none;
}
.light-entity-card-center {
padding-left: 35px;
padding-right: 40px;
}
ha-slider$ paper-progress$: |
div#progressContainer {
background-image: linear-gradient(to right,rgb(166, 209, 255) 0%, white 50%, rgb(255, 160, 0) 100%);
--paper-progress-active-color: none;
}