title: document.createElement('a').click() not working in firefox
body: <p>I have a function that retrieves arraybuffer data from my API, creates a temporary anchor on the page and then clicks it in order to download the file.</p>
  
  <p>The function works as expected in Chrome.</p>
  
  <pre><code>@action
    async loadVoucher(id, fiscalId) {
      const pdf = await this.httpClient.get(...);
  
      console.log("load Voucher: ", pdf);
  
      const blob = new Blob([pdf.data], { type: "application/pdf" });
      var link = document.createElement("a");
      link.href = window.URL.createObjectURL(blob);
      link.download = "Dossier_" + new Date() + ".pdf";
  
      console.log("before link click");
  
      link.click();
      link.remove();
    }
  </code></pre>
  
  <p>The <code>@action</code> decorator comes from mobx. In firefox the second console.log - before click link gets logged to the browser console (the first log also logs my data correctly), but the download does not start.</p>
  
  <p>What am I doing wrong?</p>