title: Web Share API permission missing
body: <p>I'm trying to implement the Web Share Api functionality on my test web app but it doesn't seem I'm able to do it. This is the code:</p>
  
  <pre><code>const newVariable: any = navigator;
  {newVariable &amp;&amp; newVariable.share &amp;&amp; &lt;IconButton aria-label="Share" onClick={async (e) =&gt; {
  try {
    const id = await shareRepository.shareTrip(this.props.todolist)
    const url = "https://something.com/share/" + id
    await newVariable.share({
        title: 'Check my todolist for ' + this.props.todolist.trip.departure + ' - ' + this.props.todolist.trip.arrival,
        text: 'Check my todolist for ' + this.props.todolist.trip.departure + ' - ' + this.props.todolist.trip.arrival,
        url: url,
    })
  } catch (error) {
    alert(error)
  }
  }}&gt;
  &lt;ShareIcon /&gt;
  &lt;/IconButton&gt;}
  </code></pre>
  
  <p>Every time I try on both Firefox and Safari for iOS, I'm getting an error saying:</p>
  
  <blockquote>
    <p>NotAllowedError: the request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.</p>
  </blockquote>
  
  <p>If on those browser I try to share something from google.com I get the native dialog to choose with which app to share.</p>
  
  <p>I cannot understand why. On this page there is no discussion about permission: <a href="https://developers.google.com/web/updates/2016/09/navigator-share" rel="noreferrer">https://developers.google.com/web/updates/2016/09/navigator-share</a></p>
  
  <p>UPDATE:</p>
  
  <p>on Chrome for android works just fine, on Firefox for Android doesn't work. On Chrome, Firefox and Safari (which I believe they use safari engine all three) is only working if I pass <code>""</code> which means the page itself, or <code>"https://something.com/share/"</code>, it breaks If I pass <code>"https://something.com/share/"+id</code> :/</p>