Card becoming invisible about lovelace-hue-like-light-card HOT 19 CLOSED

I'll look into this.
What version of HA are you on?

from lovelace-hue-like-light-card.

The newest,

from lovelace-hue-like-light-card.

I missclicked and accidentally closed it sry :P

from lovelace-hue-like-light-card.

I just tested the newest version and i don't have any issues on my own.
Do you have any errors in console view of your browser? (You can open it typicaly by F12 or Ctrl+Shift+I)

Also there can be some error in configuration. Can you post configuration for your cards?
If I understand correctly, sometimes you see only half of your light-cards. The first missing (according to screenshot) is bijkeuken.
Maybe there's something off with it. So please post at least configuration for this.

from lovelace-hue-like-light-card.

https://github.com/Gh61/lovelace-hue-like-light-card/assets/63785276/b193c579-7b45-450a-bc4a-7692f95f5f3c
I have made a video so it's more clear
This is my card-config

cards:
  - type: custom:layout-card
    layout_type: custom:horizontal-layout
    cards:
      - type: horizontal-stack
        cards:
          - type: custom:mushroom-chips-card
            chips:
              - type: entity
                entity: person.
            alignment: start
          - type: custom:mushroom-chips-card
            chips:
              - type: entity
                entity: person.jort_van_schijndel
            alignment: start
            card_mod:
              style: |
                ha-card {
                right: 40px;
                }
          - type: custom:digital-clock
            locale: nl
            card_mod:
              style: |
                ha-card {
                margin: 0px -100px 0px -100px;
                }
          - type: custom:mushroom-chips-card
            chips:
              - type: entity
                entity: person.
            alignment: end
            card_mod:
              style: |
                ha-card {
                left: 40px;
                }
          - type: custom:mushroom-chips-card
            chips:
              - type: entity
                entity: person.
            alignment: end
    layout:
      width: 250
  - type: custom:hue-like-light-card
    title: Gamekamer
    entities:
      - light.ledstrip_gamekamer
      - light.lsc_moodlight_rgb_cct
      - light.lamp_gamekamer
    icon: mdi:controller
    onClickAction: hue-screen
    offClickAction: hue-screen
  - type: custom:hue-like-light-card
    title: Overloop
    entities:
      - light.overloop_links_1
      - light.overloop_links_2
      - light.overloop_3
      - light.overloop_4
    icon: mdi:stairs
    onClickAction: hue-screen
    offClickAction: hue-screen
  - type: custom:hue-like-light-card
    title: Woonkamer
    entities:
      - light.woonkamer_rechts_1
      - light.woonkamer_rechts_2
      - light.woonkamer_rechts_3
      - light.woonkamer_rechts_4
      - light.woonkamer_rechts_5
      - light.links_1
      - light.links_2
      - light.links_3
      - light.links_4
      - light.links_5
      - light.hanglamp_boven
      - light.hanglamp_onder
    icon: mdi:sofa
    onClickAction: hue-screen
    offClickAction: hue-screen
  - type: custom:hue-like-light-card
    title: Entree
    entities:
      - light.entree_1
      - light.entree_2
      - light.entree_wandlamp_1
      - light.entree_wandlamp_2
      - light.gardarobe
    icon: mdi:door
    onClickAction: hue-screen
    offClickAction: hue-screen
  - type: custom:hue-like-light-card
    title: Keuken
    entities:
      - light.keuken_1
      - light.keuken_2
      - light.keuken_3
      - light.keukenblad_4
      - light.keukenblad_2
      - light.ledstrip_keuken
      - light.keukenblad
      - light.keukenblad_3
      - light.keukeneiland_koken
      - light.keukeneiland_lades
      - light.keukenkasten_1
      - light.keukenkasten_2
      - light.keukenkasten_3
      - light.keukenkasten_4
      - light.keukenwand_led
      - light.luedd_smart_gu10_5w_2200_4000k_rgb_22
      - light.keukenwand_rechts
    icon: mdi:sofa
    onClickAction: hue-screen
    offClickAction: hue-screen
  - type: custom:hue-like-light-card
    title: bijkeuken
    entities:
      - light.bijkeuken_1
      - light.bijkeuken_2
      - light.bijkeuken_3
      - light.bijkeuken_4
    icon: mdi:washing-machine
    onClickAction: hue-screen
    offClickAction: hue-screen
  - type: custom:hue-like-light-card
    title: Werkkamer
    entities:
      - light.werkkamer_1
      - light.werkkamer_2
      - light.werkkamer_3
      - light.werkkamer_4
    icon: mdi:monitor
    onClickAction: hue-screen
    offClickAction: hue-screen
  - type: custom:hue-like-light-card
    title: Slaapkamer
    entities:
      - light.t1
      - light.t2
      - light.t3
      - light.t5
      - light.slaapkamer_t5
      - light.slaapkamer_wastafel_1
      - light.slaapkamer_wastafel_2
      - light.bad_1
      - light.bad_2
      - light.bad_3
      - light.bad_4
      - light.slaapkamer_bed_1
      - light.slaapkamer_bed_2
      - light.slaapkamer_douche_1
      - light.slaapkamer_douche_2
    icon: mdi:bed
    onClickAction: hue-screen
    offClickAction: hue-screen
  - type: custom:hue-like-light-card
    title: Tuinkamer
    entities:
      - light.tuinkamer_bar
      - light.tuinkamer_bar_2
      - light.tuinkamerwand_boven
      - light.tuinkamerwand_onder
      - light.tuinkamer_plafond_1
      - light.tuinkamer_plafond_2
      - light.tuinkamer_keuken_1
      - light.tuinkamerkeuken
    icon: mdi:sofa
    onClickAction: hue-screen
    offClickAction: hue-screen
  - type: custom:hue-like-light-card
    title: Sauna
    entities:
      - light.sauna_wand_2
      - light.sauna_wandlamp_1
      - light.led_sauna
    icon: mdi:fire
    onClickAction: hue-screen
    offClickAction: hue-screen

from lovelace-hue-like-light-card.

Thank you for the video and the config.
It's very weird behaviour.
The config seems ok. I suspected the vertical-stack card could be the reason causing this behaviour, but it's probably not, as I have tested it myself.

Please take a look at the console logs (as I'd mentioned in the previous comment).

Other than that, I think it can be one of these problems:

• some interference between some of the components you're using (vertical-stack, layout-card, card-mod, ...)
  • in this case it would be great, if you can isolate this problem (ideally to a single card, even better to single light) by removing all unrelated components (and see if any removal can fix this)
• some settings around your lights, that will cause the card to fail render
• maybe some light provider (other than philips hue) which I have not tested is giving values, for which the card is not ready

from lovelace-hue-like-light-card.

I use Tuya for my lightbulbs and in the livingroom (woonkamer) I use Philips Hue. I found out that sometimes it is switching between no error to error. When it changes to error there comes a message in de console see video.

from lovelace-hue-like-light-card.

Thank you, I see two error messages, I'll try to fix them.
Do you have any light that doesn't have the option to change brightness?

from lovelace-hue-like-light-card.

All the lights have brightness, color & white balance control

from lovelace-hue-like-light-card.

Oh.

Can you please try to isolate the problem?
To do so, try removing components/cards from your config step by step.
At first please try to remove custom:layout-card from this vertical stack card.
Then ensure, the error is still there, then continue to remove mutiple hue-cards (always ensuring, that the error is still present), maybe you can get single hue-card with error, then you can try to remove some light from it.

This way we could find the part, that is causing the error.
Sorry for bothering you with this, but your configuration is pretty big and I cannot create the error on my side.

from lovelace-hue-like-light-card.

Ok,
I don't know how but I started OBS and recorded that I delete all my cards too see if I can create 1 card that has the error. Then I accidentally hit save and needed to create the whole card again and then it worked! I have no clue what was wrong with the config but I'am happy that it is fixed!

from lovelace-hue-like-light-card.

I'm glad, that the issue is solved.

from lovelace-hue-like-light-card.

Hi,
The problem is back :(
I closed my temporary vm that is running home assistant and then restarted in too make more progress to my new dashboard and it happend again!

So before the restart I created the card just as normal with layout-card, vertical stack and mushroom and then it worked really good! But after the restart it just broke

And the switch is offset in the hue-screen

from lovelace-hue-like-light-card.

The title and switch offset is due to new version of HA, where header of dialog has been changed.
I have already fixed this, it will be in the next release (in a few days I hope).

from lovelace-hue-like-light-card.

Cool but I don't know how to fix the card not displaying it is really weird
Here a screenshot of the console I don't know if it is a new error or if it is the same as before

from lovelace-hue-like-light-card.

These are the same errors as in previous video.

Attributes of some entity cannot be read. I can try to fix it blindly, but entity without attributes will not work either.
I have a suspision, that you have some light entity which is unavailable or is simply not providing attributes.

It's odd, that after some time it started working (maybe it's not always in this invalid state).

from lovelace-hue-like-light-card.

Or these attributes are simply not passed to hue-card, because of some interference, as stated earlier.

You can still try to isolate the issue.

from lovelace-hue-like-light-card.

Hey,
I have a fix I think! In one of the first video I showed that when I create the card again, both cards show up! So I installed Browsermod and used the popup card to add the second card and make it invisible. So now there is 1 normal card in a vertical stack and layout-card and there is 1 card invisible in a browser-mod card. I hope that this is a long-time solution :)

from lovelace-hue-like-light-card.

If that's working for you, I'm glad.

from lovelace-hue-like-light-card.