ljmerza / light-entity-card

Control any light or switch entity

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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
Screenshot_20220910-014423

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.

When I first come to the screen:
Screenshot 2023-06-04 at 8 41 07 PM

Going into edit mode:
Screenshot 2023-06-04 at 8 41 18 PM

After moving the location of the card:
Screenshot 2023-06-04 at 8 41 28 PM

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

Before
Screenshot_20230729-151953

After
Screenshot_20230729-153404

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;
                  }