IOS Companion App Fullscreen Notch

[DerRuedi0]

Checklist

• [X] I have updated to the latest available Home Assistant version.
• [X] I have cleared the cache of my browser.
• [X] I have tried a different browser to see if it is related to my browser.

Describe the issue you are experiencing

Hello,

I am using the HomeAssistant Companion IOS app on my iPhone 15 Pro, I would like to use the full screen for my dashboard. Sort of move my dashboard into the notch of the iPhone. I have been trying this all evening without success.

Unfortunately, when I enable full screen mode under the app settings, only my status bar (cellular reception, wifi etc) is hidden.

Attached is a picture where you can see that my dashboard is "cut off" (fullscreen turned off in the settings).

And now a photo where my dashboard is still "cut off" but with the fullscreen enabled in the settings.

I use the dashboard from Clooos, Home Assistant - Mobile First Dashboard.

Describe the behavior you expected

I expect my dashboard to start at the top of my display in fullscreen mode.

Steps to reproduce the issue

Update your Home Assistant IOS to the current version (2023.7), then start it and go to the app settings, under General you will find the full screen mode, activate it. Then switch back to your dashboard and you can see the problem. I have tested everything on the iPhone 15 Pro.

What version of Home Assistant Core has the issue?

core-2023.10.3

What was the last working version of Home Assistant Core?

No response

In which browser are you experiencing the issue with?

Home Assistant IOS App Version 2023.7

Which operating system are you using to run this browser?

IOS 17.0.3

State of relevant entities

No response

Problem-relevant frontend configuration

No response

Javascript errors shown in your browser console/inspector

No response

Additional information

No response

[SvenSvensson86]

I tried hours to get the fullscreen working as you describe it by setting app-header-background-color: rgba(0, 0, 0, 0). The only effect it has is showing a black header instead.

[karwosts]

May want to open an issue for this in home-assistant/iOS. I don't know exactly where the responsibility lies for this, but those devs may have some ideas or input.

[SvenSvensson86]

You can set <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> in web apps to get exactly the effect we are looking for. But afaik there is no way to apply that to a theme or somewhere else to have an effect on the HA companion iOS app.

[atbostudio]

Perhaps the best solution would be to integrate the function into the app and make it controllable via the settings, just like the selection of the full screen?

[jockebq]

I have the exact same issue. The dashboard should start at the top without any bars.

[Nezz]

You can set <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> in web apps to get exactly the effect we are looking for. But afaik there is no way to apply that to a theme or somewhere else to have an effect on the HA companion iOS app.

I tried this but no luck. In the app it didn't make a difference:

When pinned to the home screen it did work but clearly the UI is not designed to support it:

[jockebq]

You can set <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> in web apps to get exactly the effect we are looking for. But afaik there is no way to apply that to a theme or somewhere else to have an effect on the HA companion iOS app.

I tried this but no luck. In the app it didn't make a difference: When pinned to the home screen it did work but clearly the UI is not designed to support it:

But that should work in full-screen? Because full-screen hides the clock and top iOS icons?

[Nezz]

See the first screenshot. Clock and iOS icons are hidden, but the app is not expanding into that area of the screen.

[jockebq]

Aha, second screenshot is a webapp saved from Safari? How come it is not possible to replicate this but hide clock and iOS icons in the app?

[github-actions[bot]]

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates. Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍 This issue has now been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.

[oerix]

+1, Please consider adding this feature.