Bug 260508 – Existing bookmarked PWA in Safari doesn't reflect apple-mobile-web-app-status-bar-style change

• Status: NEW
• Component: Layout and Rendering

[Mamb]

When a Progressive Web App (PWA) is bookmarked on Safari's home screen and the apple-mobile-web-app-status-bar-style meta tag is set to black-translucent, the status bar style does not reflect this change. Instead, the status bar continues to display the default black style, resulting in a persistent visual inconsistency. This issue affects the user experience by failing to update the status bar appearance. So, having to recreate a PWA in this scenario. 

Steps to Reproduce:

Open Safari on iOS.
Visit the PWA you want to bookmark.
Bookmark the PWA on the home screen.
Observe that the status bar appears with the default dark text/icons due to the default black status bar style.
Change the HTML meta tag - apple-mobile-web-app-status-bar-style to black-translucent.
Refresh the PWA or close and reopen it.
Observe that the status bar style remains unchanged and continues to display the default black style (or the style when the PWA was first created), instead of updating to the expected black-translucent style. 

Expected Behavior:
After setting the apple-mobile-web-app-status-bar-style meta tag to black-translucent, the status bar style for the bookmarked PWA in Safari should match the black-translucent style, ensuring a consistent visual appearance.

Actual Behavior:
Despite changing the apple-mobile-web-app-status-bar-style meta tag to black-translucent, the status bar style of the bookmarked PWA in Safari remains unchanged, resulting in a mismatch between the declared and displayed status bar styles.

The issue exists in mobile Safari.

[Radar WebKit Bug Importer]

<rdar://problem/114610958>