Skip to content

Cast dashboard - Issue with max_columns in sections #28594

Description

@Ladida1

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

Hi,

I hope this is the right place to report this. I'm a bit unsure if this is a bug or the intended way how the dashboard should be displayed when casting. Anyway it is a change in behavior compared to versions earlier than HA 12.0.

When I'm castin a dashboard to a Google Nest Hub the setting max_columns is not respected.
These are test dasboards I create to illustrate the problem.

Sections view with 2 sections:
This looks as expected.
Image

  • type: sections
    max_columns: 2
    title: Test 2 sections
    path: test-2-sections
    icon: mdi:format-columns
    sections:
    • type: grid
      cards:
      • type: heading
        heading: Ny sektion
      • type: entities
        entities:
        • entity: light.kok
        • entity: light.koksbord
        • entity: light.soffbelysning
    • type: grid
      cards:
      • type: heading
        heading: Ny sektion
      • type: media-control
        entity: media_player.kd_55xe8096_2

Sections view with 3 sections:
Here the three sections are shown side by side. I expected the 3rd section to appear below the first section.
Image

  • type: sections
    max_columns: 2
    path: test-3-sections
    icon: mdi:format-columns
    title: test-3-sections
    sections:
    • type: grid
      cards:
      • type: heading
        heading: Ny sektion
      • type: entities
        entities:
        • entity: light.kok
        • entity: light.koksbord
        • entity: light.soffbelysning
    • type: grid
      cards:
      • type: heading
        heading: Ny sektion
      • type: media-control
        entity: media_player.kd_55xe8096_2
    • type: grid
      cards:
      • type: heading
        heading: Ny sektion
      • type: entity
        grid_options:
        columns: 12
        rows: 2
        entity: binary_sensor.diskmaskin

Describe the behavior you expected

Here is a view from before 12.0 where the view contains 4 sections and the max_columns=2 is respected. The last section with the "Back" button has a colspan to take up the full width.

Image

Steps to reproduce the issue

  1. Create a dashboard with 3 sections
  2. Use max_columns=2
  3. Cast to a Google Nest Hub
    ...

What version of Home Assistant Core has the issue?

2025.12.3

What was the last working version of Home Assistant Core?

2025.11.3

In which browser are you experiencing the issue?

Google Nest Hub (Gen2)

Which operating system are you using to run this browser?

Google Nest Hub (Gen2)

State of relevant entities

Problem-relevant frontend configuration

JavaScript errors shown in your browser console/inspector

Additional information

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    staleThis has been marked as stale by the automated bot

    Type

    No type

    Fields

    Priority

    None yet

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions