262212 2023-09-27 14:25:00 -0700 Web apps added to homescreen do not dynamically respect the OS appearance on change 2023-12-21 14:56:39 -0800 1 1 1 Unclassified WebKit Layout and Rendering Safari 17 iPhone / iPad iOS 17 RESOLVED MOVED https://bugs.webkit.org/show_bug.cgi?id=259328 InRadar P2 Normal --- 1 mlettini webkit-unassigned akeerthi bfulgham simon.fraser the.bull webkit-bug-importer zalan oldest_to_newest 1980629 0 mlettini 2023-09-27 14:25:00 -0700 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 ? 1980728 1 webkit-bug-importer 2023-09-27 17:31:46 -0700 <rdar://problem/116150809> 2001455 2 bfulgham 2023-12-21 14:56:39 -0800 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>