title: React PWA cannot open external PDF in Chrome (Android)
body: <p>I have a React progressive web app which contains a link to a PDF file. The app has been added to the home screen using the Google banner (<a href="https://developers.google.com/web/updates/images/2015/12/getting-started-pwa/pwa-general-2-@1x.jpg" rel="nofollow noreferrer">https://developers.google.com/web/updates/images/2015/12/getting-started-pwa/pwa-general-2-@1x.jpg</a>), so it is treated as an app, not a shortcut.</p>
  
  <p>The problem is I cannot open the PDF file from the installed PWA on Android. I get an error saying: <code>Cannot open PDF (pdf_name.pdf cannot be opened)</code>.</p>
  
  <p>Opening the PDF from a regular browser (desktop or mobile) works. Opening from home screen app on iOS also works.</p>
  
  <p>My PWA is hosted at <code>app.domain.com</code>, while the PDF is hosted at <code>api.domain.com</code>.</p>
  
  <p>The link to the PDF file looks like this:</p>
  
  <pre><code>&lt;a rel="noopener" href="https://api.domain.com/pdf_name.pdf" 
     target="_blank"&gt;View PDF&lt;/a&gt;
  </code></pre>
  
  <p>External links that go to regular pages (not files) work.</p>
  
  <p>Any ideas what might prevent Chrome from being opened from within the app?</p>