Bug 247659 - The text in the status bar will not be visible when you return to the app after opening an external link in the PWA App
Summary: The text in the status bar will not be visible when you return to the app aft...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: New Bugs (show other bugs)
Version: Safari 16
Hardware: iPhone / iPad iOS 16
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-11-08 18:13 PST by weijarz
Modified: 2022-11-15 18:14 PST (History)
1 user (show)

See Also:


Attachments
Screenshot (164.92 KB, image/png)
2022-11-08 18:13 PST, weijarz
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description weijarz 2022-11-08 18:13:17 PST
Created attachment 463461 [details]
Screenshot

Browser: iOS 16.1 / Safari

Reproduction steps:

1. Open https://www.oxyry.com/test/safari-bug-pwa-status-bar/  then add it to HomeScreen.
2. Open this by click HomeScreen icon, then click 'Open it' link.
3. Swipe left to return back to app (do not use the close button to return)


Html: Source
```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
    <title>Safari status bar bug</title>
    <link rel="manifest" href="manifest.json">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="theme-color" content="#f1eef2" media="(prefers-color-scheme: light)">
    <meta name="theme-color" content="#29292d" media="(prefers-color-scheme: dark)">

    <style>
      * { font-size: 30px; }
    </style>
  </head>
  <body>
    <button id="reloadBtn">Reload</button>
    <a href="https://travelermap.net/" target="_blank" rel="nofollow">Open it</a>

    <script>
      reloadBtn.onclick =  () => { location.reload(); }
    </script>
  </body>
</html>
```

manifest.json
```json
{
  "name": "Safari Status Bar Bug",
  "short_name": "Safari Status Bar Bug",
  "start_url": "./index.html",
  "display": "standalone",
  "description": "A safari status bar bug.",
  "icons": [
    {
      "src": "https://www.qireader.com/icon192.png",
      "sizes": "192x192",
      "type": "image/png"
    }
  ]
}

```
Comment 1 weijarz 2022-11-08 18:22:12 PST
Note: Not all external pages will cause this problem, but a not insignificant percentage will.
Comment 2 Radar WebKit Bug Importer 2022-11-15 18:14:16 PST
<rdar://problem/102396998>