2024.6.0b0: issue with conditional cards in sections view

[mbo18]

Checklist

• I have updated to the latest available Home Assistant version.
• I have cleared the cache of my browser.
• I have tried a different browser to see if it is related to my browser.
• I have tried reproducing the issue in safe mode to rule out problems with unsupported custom resources.

Describe the issue you are experiencing

When adding a conditional card to a section and when the condition is not met there is an empty space on the dashboard.

With 2024.5.4:

With 2024.6.0b0 and b1:

Describe the behavior you expected

Same behavior as 2024.5.4 so no empty space

Steps to reproduce the issue

1. add a section view to a dashboard
2. Add a section
3. Add a conditional view with a condition which is false
4. Save your view
   ...

What version of Home Assistant Core has the issue?

core-2024.6.0b0

What was the last working version of Home Assistant Core?

core-2024.5.x

In which browser are you experiencing the issue with?

Safari, Firefox latest release

Which operating system are you using to run this browser?

macOS and iOS

State of relevant entities

No response

Problem-relevant frontend configuration

No response

Javascript errors shown in your browser console/inspector

No response

Additional information

No response

[andrewfluck]

I have ran into this as well, and as a side note, the conditional card overrides any grid layout that occurs with the child card. (but I'm sure folks are already aware of this)

[Revilo91]

Same as #20352?

[philipp-frank]

When sections where introduced in 2024.4 there was the same issue in the beginning - see #20479 - but it was fixed(?) and worked for me until 2024.6.0b0. Now the empty space is shown again.

[mbo18]

I don’t think it is the same issue as it is working fine with release 2024.5. Also I do not use custom card at all and even in safe mode the issue is there

[piitaya]

We did some change in the dashboard with the 2024.6.

We introduced the visibility option on every card and section so the conditional card can be replaced with this new option.

But I will take a look to this issue to keep compatibility with conditional card too.

[RonnieRocket2]

Same experience for me since a recent update.

[RonnieRocket2]

Reverted to core 2024.5.4 it works correctly now but reading the comments it looks like there is a visibility option on every card so I guess I need to look for that and switch it off for the conditional cards.

[andrewfluck]

We introduced the visibility option on every card and section so the conditional card can be replaced with this new option.

I must not have read the documentation hard enough, but could you link where it lets you show hide cards individually without the conditional card? Or did I misunderstand what you meant? 😅

[mbo18]

It is currently an open PR #20926

[piitaya]

The yaml part is merged (#20840) but the UI part needs to be merged (#20926).

You can test the feature but adding your conditions directly on the card config under the visibility key. For example :

type: entity
entity: light.bed_light
visibility:
  - condition: state
    entity: person.paul
    state: home
  - condition: state
    entity: light.kitchen_lights
    state: "on"