Bug 262212

Summary:	Web apps added to homescreen do not dynamically respect the OS appearance on change
Product:	WebKit	Reporter:	lettini <mlettini>
Component:	Layout and Rendering	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED MOVED
Severity:	Normal	CC:	akeerthi, bfulgham, simon.fraser, the.bull, webkit-bug-importer, zalan
Priority:	P2	Keywords:	InRadar
Version:	Safari 17
Hardware:	iPhone / iPad
OS:	iOS 17
See Also:	https://bugs.webkit.org/show_bug.cgi?id=259328

Description lettini 2023-09-27 14:25:00 PDT

We have a PWA that includes a site.manifest file which includes `display: standalone`. When added to a phone’s home screen, this display property renders the app as if it were a standalone application, with no Safari browser UI. This is all good and expected.

However, after adding to home screen, if your OS changes appearance between light and dark mode while the app is open, the app will not also dynamically change it’s appearance to match (even though the HTML and CSS are set up with explicit light and dark mode designs). The only solution is to completely close the app and reopen it, and then it will be in the new OS appearance. This is unexpected, since both Safari websites and other native apps change their appearance dynamically to match the OS at the moment the OS’s appearance changes.

Steps to reproduce:

1. Have a web app that includes HTML and CSS necessary to have different appearances when prefers-color-scheme is light or dark mode.
2. Add a site.manifest file with the property `display: standalone` or `display: fullscreen` (may also need a `scope` property).
3. Add that web app to the home screen.
4. Open the app.
5. Using the iOS control center, change the appearance of the OS between light and dark mode. You will see that other apps change along with this toggle, while this PWA does not.

Possibly related to: https://bugs.webkit.org/show_bug.cgi?id=259328 ?

Comment 1 Radar WebKit Bug Importer 2023-09-27 17:31:46 PDT

<rdar://problem/116150809>

Comment 2 Brent Fulgham 2023-12-21 14:56:39 PST

The fix for this bug needs to be made outside of the WebKit Open Source project.

Resolving as MOVED.

This is being tracked here:
<rdar://112872756>