Dashboard not fully visible after navigating to subview and back

[woniol]

iOS device model, version and app version

Model Name: Iphone 15 pro
Software Version: iOS 26.5
App version: 2026.5.0

Home Assistant Core Version
2026.5

Describe the bug
With a long dashboard fe many area cards, when navigating go the area subview and then back to main dashboard part of the main dashboard is not visible. It becomes visible back after click. I can mainly reproduce it in iOS app and chrome on iPhone.
To Reproduce
Create dashboard with many area icons log enough to be require scrolling
2.Scroll to the bottom card
3.Navigate to are subview
4.Hit back button on the top of subview
Expected behavior
when navigating back from subview, main view should be fully visible
Screenshots

ScreenRecording_05-28-2026.09-37-34_1.mov

Additional context

[bgoncal]

Can you test in Safari as well (iOS Safari) and see if the same happens?

[woniol]

It works fine on Safari:

ScreenRecording_05-28-2026.10-18-46_1.mov

It actually looks like part of the screen is covered by another element in native app, the touch action still works, even on the invisible part of the screen.

I've tried to report it as frontend issue, but no feedback: home-assistant/frontend#51872

[bgoncal]

I don't think there is any element covering the content, the fact you can tap on those hidden elements also suggest that, this looks like a WKWebView rendering issue, since (by what I can see in the video) you have custom elements such as the bottom tab bar, it's possible that one of them is causing this, di you try tweaking the UI to see if something specifically can be addressed to this issue?

[woniol]

I did. I have another test dashboard containing only standard area cards. As you can see also the menu bar is effected:

ScreenRecording_05-28-2026.10-53-49_1.mov

I've also tested with HA safe mode with the same result.

[bgoncal]

This brings a new interesting information, in this last video the part of the UI that disappears does not include the top bar, neither the sidebar completely, just a dark square in the middle of the content, there is no native UI element being overlapped on top of the webview so, unless something very weird is happening, this is part of an issue in the webview rendering, I will play with it and try to reproduce, I had it once like a year ago but then never again.

Meanwhile @piitaya do you have any clue what could be happening here or a way to debug this?

[piitaya]

Same as you @bgoncal. I remember having this problem sometime (but not for a while). I guess it's a rendering issue with webview but I don't know why and I can not fix it as I can not reproduce it.

[woniol]

Not sure if it helps, but I can also reproduce it more or less on my macbook with native app
Navbar issue is visible in full screen only

[bgoncal]

If you open mac's "Accessibility inspector" and focus on that dark box, what does it shows?

[woniol]

It recognizes the elements

[bgoncal]

It's recognizing what is "hidden" right? Not anything on top of it that could be blocking

[woniol]

unfortunately, but yes :(

[bgoncal]

So that confirms it's indeed webview rendering issue, which makes debugging way more complicated, I won't have a quick answer for you unfortunately but I will try to reproduce it, let me know if you have ideas of what I could test.

[woniol]

While I was trying to prepare some test cases for you to reproduce the issue, I've found something more. It might be also some kind of workaround, I hope.
Seems like the behavior depends on where it navigates from and to the main list.
In my previous videos I have separate dashboard with list of areas, each ares card navigates to the 'area dashboard', which contains subviews for separate rooms.

In the current video I have reproduced two cases:

1. card from the main list navigates to the subview which is included in the SAME dashboard as the main list
2. card from the main list navigates to the subview which is a part of the different/separate dashboard then the main list

In test 1 all works perfectly as expected, even after navigating back from the subview to the main list, it returns to the same position of the list, no blank areas....
In test 2 it works the same as in previous cases videos - blank area, navigates to the to of the list after re-render

ScreenRecording_05-28-2026.14-30-04_1.mov

My initial idea was about the memory problems as the dashboard with my rooms might be 'quite heavy' as it contains many subviews, but for the video, I have created a new dashboard with just one subview, so I'm not sure what can be the difference in loading the subviews in my example.

Sharing the example dashboard I've used for tests

test.yml
test2.yml
creation of the area might be needed