Custom:stack-in-card prevents Entities card from working in first tab

Question

Custom:stack-in-card prevents Entities card from working in first tab

Opened this issue a year ago · 11 comments

Description

It took me forever to figure this out but after trying almost every card combination I think I finally found the issue.

The issue occurs when using the and the entities: card together in the first tab and only the first tab. When the 'custom:stack-in-cardis used in the first row and theentities:card is placed within the card it will not appear. All the other cards I tried worked fine just not theentities: card. If the I put a 'conditional: card within the 'custom:stack-in-card' and then use the entities: as the card that is shown when the condition is true then it does work. It does not matter how many entities: cards I use, as long as they are separate and within the custom:stack-in-card they will not appear. If I copy the entire code from the first tab and use it for any additional tabs then all of a sudden it works. It also works when using the normal vertical-stack card.

Recording.2023-10-31.145640_compressed.mp4

Environment

- OS: Windows
- Browser: Firefox
- Home Assistant Version: 2023.10.5        
- Tabbed Card Version: v0.3.2

Reproducible configuration

type: vertical-stack
cards:
  - type: custom:tabbed-card
    option: null
    attributes: null
    tabs:
      - card:
          type: custom:stack-in-card
          mode: vertical
          cards:
            - type: custom:button-card   # This works 
              entity: sun.sun
            - type: entities   # This does not appear on dashboard view 
              entities:
                - entity: sun.sun
                - entity: sun.sun
            - type: custom:button-card   # This works 
              entity: sun.sun
            - type: entities   # This does not appear on dashboard view 
              entities:
                - entity: sun.sun
        attributes:
          label: 1
      - card:
          type: custom:stack-in-card
          mode: vertical
          cards:
            - type: custom:button-card   # This works 
              entity: sun.sun
            - type: entities   # This works now since not in first tab
              entities:
                - entity: sun.sun
                - entity: sun.sun
            - type: custom:button-card   # This works 
              entity: sun.sun
            - type: entities   # This works now since not in first tab
              entities:
                - entity: sun.sun
        attributes:
          label: 2

Additional context

No response

Answer 1 · 2023-10-31T20:51:54.000Z

can you first try installing the alpha version: https://github.com/kinghat/tabbed-card/releases/tag/v0.4.0-alpha.2 of the card and see how if the issue persists? if you installed using HACS you can get it from there by enabling "show beta versions" when redownloading it. there were some big changes in that code that might have worked it out.

Answer 2 · 2023-11-06T17:00:45.000Z

Okay, I'll give it a try and let you know.

Answer 3 · 2023-11-06T17:25:58.000Z

I just installed the alpha version and the issue still remains. It only seems to apply to the entities card and when it is used inside of the custom:stack-in-card in the first tab. That seems so strange but that's what I was able to narrow the issue down to.

Answer 4 · 2023-11-06T17:28:10.000Z

I just installed the alpha version and the issue still remains. It only seems to apply to the entities card and when it is used inside of the custom:stack-in-card in the first tab. That seems so strange but that's what I was able to narrow the issue down to.

did you clear your site data/cache and reload after updating to the alpha version?

Answer 5 · 2023-11-06T18:15:17.000Z

Yes. Cleared cache and restarted HA. I did it twice just to be sure.

Answer 6 · 2023-11-07T18:59:01.000Z

im able to reproduce an issue. not sure if its the same issue or even a tabbed-card issue but its something lol

Answer 7 · 2023-11-09T10:23:48.000Z

Yeah I have no idea myself. It only happens when the entities card is used within the stack-in card and only in the first tab which is strange. There's obviously some type of conflict the between all three of them being used but I have no idea if it's because of something with your card or the stack-in by @RomRider but he hasn't updated it in a while.

So I just switched out the custom:stack-in-card with the custom:vertical-stack-in-card and everything worked fine so it's something specifically between yuor card and RomRider;'s stack-in-card that is somehow conflicting. I just don't know enough to tell what that is. Maybe some type of naming conflict within the code? Is there anything that you use specifically for the first tab that changes in the additional tabs? Just a thought.

Answer 8 · 2023-11-11T15:11:49.000Z

Yeah I have no idea myself. It only happens when the entities card is used within the stack-in card and only in the first tab which is strange. There's obviously some type of conflict the between all three of them being used but I have no idea if it's because of something with your card or the stack-in by @RomRider but he hasn't updated it in a while.

So I just switched out the custom:stack-in-card with the custom:vertical-stack-in-card and everything worked fine so it's something specifically between yuor card and RomRider;'s stack-in-card that is somehow conflicting. I just don't know enough to tell what that is. Maybe some type of naming conflict within the code? Is there anything that you use specifically for the first tab that changes in the additional tabs? Just a thought.

there are a lot of issues in there about rendering things, this one in particular: custom-cards/stack-in-card#49

Answer 9 · 2023-11-21T07:38:22.000Z

@kinghat I have an off topic question to ask. I now I have the option to use defaultTabIndex: to set which tab is displayed on first render but is there a way to set something similar so that the last tab displayed is the tab displayed on first render?

Answer 10 · 2023-11-21T16:32:01.000Z

@kinghat I have an off topic question to ask. I now I have the option to use defaultTabIndex: to set which tab is displayed on first render but is there a way to set something similar so that the last tab displayed is the tab displayed on first render?

off topic stuff should be kept to the discussion area: https://github.com/kinghat/tabbed-card/discussions

more specifically, the feature requests category. there are already similar tab requests there such as: #70 which you can subscribe to. if you dont feel your request matches anything there, feel free to open another.

Answer 11 · 2023-11-24T03:17:40.000Z

More simple example:

type: vertical-stack
cards:
  - type: custom:tabbed-card
    option: null
    attributes: null
    tabs:
      - card: &ref_card
          type: custom:stack-in-card
          mode: vertical
          cards:
            - type: entity
              entity: sun.sun
            - type: entities
              entities:
                - entity: sun.sun
                - entity: sun.sun
        attributes:
          label: 1
      - card: *ref_card
        attributes:
          label: 2

Works unstable:

And seems to be really related to custom-cards/stack-in-card#49