Bug 301994

Thank you for the report!

<rdar://problem/164130526>

We are seeing the same behavior on iOS 18.6, 26.0 and 26.1. Could you please verify if anything is different between the tests, or perhaps highlight what exactly has changed if it's subtle?

(In reply to Alexey Proskuryakov from comment #3) > We are seeing the same behavior on iOS 18.6, 26.0 and 26.1. Could you please > verify if anything is different between the tests, or perhaps highlight what > exactly has changed if it's subtle? On iOS 26.0 (iPhone 12 mini), my PWA and others were able to fully occupy the entire screen without issues. Since updating to iOS 26.1, the status bar has started to reclaim screen space again. Previously, several steps were required to achieve full-screen behavior, including setting display: standalone in the manifest and using viewport-fit=cover in the HTML header. Without changing any of these settings from iOS 26.0 to iOS 26.1, the system update caused the PWA to stop rendering content behind the status bar. It happens to all of my PWAs installed on the Home Screen. Additionally, env(safe-area-inset-top) now returns 0, whereas before the update it was approximately 44pt. Does this information help? I am not an expert and cannot assess whether the issue lies in WebKit or in changes made by Apple at the system level.

I’m also running into this. In iOS 18.6 and 26.0 it was possible to cover the entire screen with content including behind the status bar using viewport-fit=“cover” and then use safe area inset to make sure no controls or important content was covered. Now this seems like no longer the case as there is a permanent solid rectangle of colour behind the status bar and content is pushed down and safe area inset is 0. Also it appears that the css units vh and lvh is arguably broken in this situation. svh and dvh both are equal to the distance between the bottom of the status bar background rectangle and the bottom screen (which again as far as I can tell is the maximum height it is now possible to display content) but by and lvh seem to be the distance between the top of the physical phone screen to the bottom (again, even though it seems like it is no longer possible to get a viewport size this big). You can see that in this screen shot here https://i.imgur.com/2adOORR.png where I’ve saved https://skwbr.net/sample/sizecheck/ using “add to Home Screen”

We are also seeing this issue in 26.1. Everything was working as expected eg. full screen in 26.0 but now its showing a black/white cover at the top. None of our meta tags, safe-areas or manifest values have changed. This is a web app saving using "Add to Homescreen" You can see the current 26.1 issue here https://postimg.cc/ppbx2R96 You can see how it used to look on 26.0 and how we expect it to look here https://postimg.cc/mhMfpJdw

I also seeing this issue in 26.1

I see the same thing on our PWA, full screen works on 26.2 beta 3 (23C5044b) and 18.7.2 but not 26.1 (23B85)

I see this bug was fixed on 26.2.

I can confirm, that 26.2 fixed the issue. Thanks to the developers!

Still reproducing on iOS 26.5.2 (Home Screen standalone web app, portrait). Measured on my device: - window.screen.height: 874 - window.innerHeight / 100dvh / documentElement.clientHeight: 812 - visualViewport.height: 812, offsetTop: 0 - Gap: 62px, drawn by the system above the web layer and unreachable by any DOM element. Regular Safari tab mode is fine; only Home Screen standalone is affected. The bottom bar's color is cached from the page background and only updates on relaunch, not on live theme change.

This is also reproducible on iOS 27 public beta.

Confirmed in iOS 27 beta. Reopening.

Any news? This issue has been affecting canvas based frameworks and it looks terrible in pwa (though it is not exclusive to them). It greatly degrades user experience and looks terrible in terms of design. Its been almost a year