Hide sidebar shows an empty sidebar

[AndrewSteel]

My Home Assistant version: HA OS 12.3 HA Core 2024.7.4 Browser Mod 2.3.1

What I am doing: Update Browser Mod to 2.3.1

What I expected to happen: Frontend Settings -> Hide sidebar: Hide the sidebar on selected device

What happened instead: Frontend Settings -> Hide sidbar: Shows an empty sidebar but doesn't hide it on selected device.

See Image below:

Same display behavior in the HomeAssistant App, Chrome browser and WallPanel App. Same viewing experience on tablet and desktop.

---

By replacing the space in the checkboxes ([ ]) with an X below, I indicate that I:

• [x] Understand that this is a channel for reporting bugs, not a support forum (https://community.home-assistant.io/).

• [x] Have made sure I am using the latest version of the plugin.

• [x] Have followed the troubleshooting steps of the "Common Problems" section of https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins.

• [x] Understand that leaving one or more boxes unticked or failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.

[dMopp]

Same with 2024.08.01

[kernel610]

I've been trying to figure out what caused this and then realized it was the "hidden" sidebar. What's odd for me is that it occasionally does actually hide and go back to the expected view. Any reload on the page returns the broken sidebar though.

[MalteMatthey]

I can confirm that the same behavior occurs in version 2024.8.2.

Unfortunately, I haven't been able to identify any consistent pattern for when the sidebar gets hidden or reappears, similar to what @kernel610 described.

The only slight improvement I've found is by manually unhiding the sidebar, folding it in, and then hiding it again. This reduces the blank space somewhat, but the issue still persists.

[zwolfinger]

FWIW, I'm still seeing the same for HA 2024.8.3

[dMopp]

Weird: Disable hiding, refresh app, enable hiding —> fine Refresh —> Empty Sidebar

In my Firefox (same user) I don’t see any issue

[harrisonbrose]

This workaround seems to be holding:

1. In Browser Mod, temporarily unhide sidebar and header.
2. On the device in question, click on the user, scroll down, and enable "always hide the sidebar"
3. Re-expand the sidebar and return to your dashboard
4. in Browser Mod, re-hide the sidebar and header.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[dcapslock]

Hi, anyone who has ths issue, when it happens please run the following javascript in the Browser console. The output should be 0px. If not, that will assist in further debugging. Tracking now per issue #914

window.getComputedStyle(document.body.querySelector("home-assistant").shadowRoot.querySelector("home-assistant-main").shadowRoot.querySelector("ha-drawer")).getPropertyValue("--mdc-drawer-width")