Полноэкранный режим PWA на iOS

Question

У меня есть веб-приложение, которое добавляется на главный экран в качестве закладки. Первая страница находится в полноэкранном режиме, как показано ниже.

Когда я нажимаю на значок (URL с другим поддоменом), открывается страница с красная полоса внизу.

Как мы можем убедиться, что эта полоса не отображается?

Мой код на обеих страницах: :

 <!-- Manifest for android -->
<link rel="manifest" href="~/manifest.json">
<!-- Hide browser URL bar for Android devices -->
<meta name="mobile-web-app-capable" content="yes">
<!-- Hide browser URL bar for iOS devices -->
<meta name="apple-mobile-web-app-capable" content="yes">

Манифест:

{
      "short_name": "XXXX",
      "name": "XXXX",
      "icons": [
        {
          "src": "/launcher-icon-1x.png",
          "type": "image/png",
          "sizes": "120x120"
        },
        {
          "src": "/launcher-icon-2x.png",
          "type": "image/png",
          "sizes": "144x144"
        }
      ],
      "start_url": "/",
      "scope": "./",
      "background_color": "#0FA4D9",
      "display": "fullscreen",
      "theme_color": "#0FA4D9"
    }