title: DOMException on calling navigator.clipboard.readText()
body: <p>Following lines of code used to work and stopped working after chrome upgrade to Version 74.0.3729.169 (Official Build) (64-bit). Now I get DOMException even though permission is set correctly. Appreciate if you can explain what is the bug and workaround. Exception details:</p>
  <blockquote>
  <p>message:Document is  not focused
  name:NotAllowedError
  code:0</p>
  </blockquote>
  <pre><code>navigator.permissions.query({ name: 'clipboard-read' }).then(result =&gt; {
  // If permission to read the clipboard is granted or if the user will
  // be prompted to allow it, we proceed.
      if (result.state === 'granted' || result.state === 'prompt') {
          navigator.clipboard.readText()
              .then(text =&gt; {
                  //my code to handle paste
               })
               .catch(err =&gt; {
                   console.error('Failed to read clipboard contents: ', err);
               });
       }
  }
  </code></pre>