Incorrect height of vertical Tile cards in horizontal stack

[bieniu]

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

In a section layout, vertical Tile cards in the horizontal stack have the incorrect height.

Describe the behavior you expected

Tile cards should be the same height with and without a horizontal stack.

Steps to reproduce the issue

1. Create section layout
2. Add horizontal stack card
3. Add vertical Tile card to the horizontal stack
   ...

What version of Home Assistant Core has the issue?

core-2024.10.x/2024.11.0b2

What was the last working version of Home Assistant Core?

No response

In which browser are you experiencing the issue with?

Firefox 132/Safari (iPhone)

Which operating system are you using to run this browser?

Windows 11/iOS 18.1

State of relevant entities

No response

Problem-relevant frontend configuration

type: horizontal-stack
cards:
  - type: tile
    entity: sensor.home_temperature
    vertical: true
  - type: tile
    entity: sensor.home_pressure
    vertical: true

Javascript errors shown in your browser console/inspector

No response

Additional information

No response

[ildar170975]

Same as #22616

[bieniu]

I don’t think so, #22616 is related to 2024.11bX, I can also reproduce this issue on 2024.10.

[ildar170975]

Very interesting. I am away from PC these days, cannot test in 2024.10.

[piitaya]

Stack are not well supported in grid sections and will not as it's not really necessary with sections and the card resizing. What are you trying to achieve?

[bieniu]

What are you trying to achieve?

3 tile in the row.

I managed to fix the height by changing the layout configuration to 2 rows.

[piitaya]

If you are running 2024.11 beta. You can enable precise mode to switch to a 12 columns grid and you will be able to have 3 cards side by side. No need for horizontal stack for this use case.

[bieniu]

I'm embarrassed by my own blindness, I've been using the beta since Wednesday and didn't notice this option 🤦‍♂️ Thanks!

[piitaya]

I'm closing the issue as stack card are not design to be used in grid section and we will not add support for that because you can have the same result using precise mode. You can still use it and set the height manually.