Conditional cards not behaving inside horizontal stack

Configuration Frontend
1

I had to rebuild a floorplan and reused the old code that used to work (credit to Fahr/Aaron). It’s supposed to display a single picture elements card based on an input select value. The same code is now displaying both cards when I close raw editor, and when I click “done” I get a blank view. I am a casual user and have gone over this code for days and cant find the issue.

input select in config.yaml (I’ve tried with and without quotes)

input_select:
  floorplan_floor:
    name: The select floor to show when viewing the floorplan.
    options:
      - "1st Floor"
      - "2nd Floor"
    initial: "1st Floor"

code in raw editor

  - icon: mdi:floor-plan
    cards:
      - type: horizontal-stack
        cards:
          - type: conditional
            conditions:
              - entity: input_select.floorplan_floor
                state: 1st floor
            card:
              type: picture-elements
              image: /local/Floorplan/first_dark.png
              panel: true
              elements:
                - type: service-button
                  title: 2nd floor
                  service: input_select.select_next
                  service_data:
                    entity_id: input_select.floorplan_floor
                  style:
                    top: 15%
                    left: 5%
                    background: '#eaeaea'
                    border-radius: 5%
          - type: conditional
            conditions:
              - entity: input_select.floorplan_floor
                state: 2nd floor
            card:
              type: picture-elements
              image: /local/Floorplan/second_dark.png
              panel: true
              elements:
                - type: service-button
                  title: 1st floor
                  service: input_select.select_next
                  service_data:
                    entity_id: input_select.floorplan_floor
                  style:
                    top: 15%
                    left: 5%
                    background: '#eaeaea'
                    border-radius: 5%

However instead of seeing a single card based on service button state, I see both cards (until I click done then I see a blank view)
conditional.PNG

2

Hello, is there a yaml expert who would be willing to take a look at my code to see why my conditional card is displaying both cards in the edit screen, and a blank screen when clicking “done”?

3

(edit: Apologies, I debugged it, and fixed it myself. It works fine. My mistake.)

I have a problem, and it may be related.
I can’t get a Conditional card to disappear at all, if it’s in a horizontal stack.

I tested this using the same Conditional card in all of these scenarios:
If I put the Conditional card on a page, it works fine.
If I put the Conditional card in a Vertical Stack, it works fine.
If I put the Conditional card in a Horizontal Stack, it does not work. It is always present, even when the conditions are not met.
If I put the Conditional card in a Vertical Stack that is inside a Horizontal Stack, it fails. It is always present, even when the conditions are not met.
If I put the Conditional card in a Horizontal Stack that is inside a Vertical Stack, it fails. It is always present, even when the conditions are not met.

The Conditional card I used is very simple. The Card Type is “entity” and the condition is simply
mySensor state is_not “none”

The mySensor that I used is one where the value is “none”, so the card should never appear.