Viewport issue #30234
Description
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
On iPhone, iPad (Safari) and Pixel 4 (Chrome), when viewed without the address bar hidden, a few buttons at the bottom of the side bar is outside of the viewport. It's fine on iPad because you can scroll down, but on iPhone and Pixel when the side bar is out you cannot scroll. If the address bar is set to the top, the username won't be visible; if bottom, username and Notifications are not visible.
I'm assuming every browser with collapsible address bar has this problem.
One of the ways to solve this is to change the unit from vh (viewport height) to dvh (height of the part of viewport that's actually visible, which changes when the address bar collapses and uncollapses ).
Describe the behavior you expected
When opening the side bar on a browser with collapsible address bar, my username should be directly visible.
Steps to reproduce the issue
- Grab basically any phone and access HomeAssistant through Safari or Chrome
- Tap on top-left corner to call out the side bar
- You can see on the bottom that your username is not visible and cannot be made visible by scrolling
What version of Home Assistant Core has the issue?
2026.3.2
What was the last working version of Home Assistant Core?
No response
In which browser are you experiencing the issue?
Safari on iOS and iPadOS and Chrome on Pixel
Which operating system are you using to run this browser?
iOS and iPadOS 16.1 and Android 12
State of relevant entities
Problem-relevant frontend configuration
JavaScript errors shown in your browser console/inspector
Additional information
No response