title: Not allowed to launch 'mailto:' because a user gesture is required
body: <p>I am creating a chrome extension wherein I'd like to email the result.</p>
  <p>So this is the UI from Chrome Extension Popup.
  <a href="https://i.stack.imgur.com/aQVFA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aQVFA.png" alt="enter image description here" /></a></p>
  <p>Then this is the <code>a</code> for that:</p>
  <p><a href="https://i.stack.imgur.com/VseXL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VseXL.png" alt="enter image description here" /></a></p>
  <p>So basically, the code is</p>
  <pre><code>&lt;a href={`mailto:{email}`}&gt;email&lt;/a&gt;
  </code></pre>
  <p>It will open my email app at first click,
  <a href="https://i.stack.imgur.com/vSjmk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vSjmk.png" alt="enter image description here" /></a></p>
  <p>but the second click to email will produce this error:
  <a href="https://i.stack.imgur.com/p0zJG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/p0zJG.png" alt="enter image description here" /></a></p>
  <p>What seems to be the problem here? Thank you for your answer.</p>