Bug 300445

Summary: REGRESSION (iOS 26.1 beta): Web apps do not cover edge to edge
Product: WebKit Reporter: The Florist <florist>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED MOVED    
Severity: Major CC: ap, bfulgham, simon.fraser, thorton, webkit-bug-importer, wenson_hsieh, zalan
Priority: P2 Keywords: InRadar
Version: Safari 26   
Hardware: iPhone / iPad   
OS: iOS 26   
Attachments:
Description Flags
flowery.app on iOS 26 and 26.1 none

The Florist
Reported 2025-10-09 07:06:17 PDT
Created attachment 477035 [details] flowery.app on iOS 26 and 26.1 For web apps added to the Home Screen, `viewport-fit=cover` no longer enables the edge-to-edge layout [1] in the portrait orientation. While the safe area insets are still respected, the top inset is now filled with a solid color, as shown in the attached screenshots. This regression was probably introduced by the fix for the `position: fixed` bug [2] on iOS 26. [1] https://webkit.org/blog/7929/designing-websites-for-iphone-x [2] https://bugs.webkit.org/show_bug.cgi?id=297779
Attachments
flowery.app on iOS 26 and 26.1 (513.29 KB, image/jpeg)
2025-10-09 07:06 PDT, The Florist 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2025-10-09 08:48:41 PDT
<rdar://problem/162290382>
Alexey Proskuryakov
Comment 2 2025-10-09 12:52:16 PDT
Thank you for the report! It's been determined that this is actually an issue in Safari, not in WebKit, so this will continue to be tracked by Apple internally.
Note You need to log in before you can comment on or make changes to this bug.