title: Why does upload image via camera work on mobile-safari but not as iOS PWA?
body: <p>I have a webpage with PWA capabilities.</p>
  
  <p>On iOS safari I do get the usual OS dialog asking me if I want to take a photo or upload a picture from the photo library:</p>
  
  <p><a href="https://i.stack.imgur.com/eGEgK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eGEgK.png" alt="enter image description here"></a></p>
  
  <p>After "installing" it as an PWA via the menu "Add to Homescreen" button and starting it via homescreen, I still get the same options, "choose from library" still works, but when choosing "take a photo", the iOS camera app opens, as expected, but stays completely black.</p>
  
  <p>html:</p>
  
  <pre><code>&lt;head&gt;
  
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;dingsda user interface 2&lt;/title&gt;
  
    &lt;meta name="apple-mobile-web-app-capable" content="yes" /&gt;
    &lt;meta name="mobile-web-app-capable" content="yes"&gt;
    &lt;link rel="manifest" href="manifest.json"&gt;
  
    (...)
  
    &lt;label class="fileContainer ui-btn"&gt;
      &lt;input type="file" accept="image/jpeg" id="photo_upload" multiple data-role="none"/&gt;
     &lt;/label&gt;
  </code></pre>
  
  <p>only javascript connected:</p>
  
  <pre><code>document.getElementById("photo_upload").addEventListener("change",
  function(){
    console.log("got pic, will resize now:");
    resizeBase64image(document.getElementById("photo_upload"),
    function(base64img){
      console.log("resized pic. will add it to src");
      document.getElementById("addPhoto").src = base64img;
    });
  });
  </code></pre>
  
  <p>I have no ideas, nor did I find any clues about limitations. Also: it seems like it should not prompt the dialog nor the photo app anyhow.
  I am happy for any suggestions. either to fix it with HTML file-input or (if possible) alternatives.</p>