title: navigator.clipboard.write : 'Clipboard': Iterator getter is not callable
body: <p>I am trying to use <code>navigator.clipboard.write(blob)</code> to copy a DOMString to the clipboard. I am able to use <code>clipboard.writeText('text')</code> and have it copy, but I am needing text/html.</p>
  
  <p>Example that is failing: </p>
  
  <pre><code>const copy = async () =&gt; {
   await navigator.permissions.query({name: "clipboard-write"}).then(result =&gt; {
      if (result.state == "granted" || result.state == "prompt") {
          const data = new Blob(['&lt;div&gt;test&lt;/div&gt;'], {type : 'text/html'})
          navigator.clipboard.write(data);
      }
  })}
  </code></pre>
  
  <p>When I run it, I get the following error:</p>
  
  <blockquote>
    <p>Uncaught (in promise) TypeError: Failed to execute 'write' on 'Clipboard': Iterator getter is not callable.</p>
  </blockquote>
  
  <p>I have also tried changing text/html to text/plain, which I thought would make it function the same as writeText but did not.</p>
  
  <p>I then attempted wrapping the blob in a new ClipboardItem which I found from a another question:</p>
  
  <pre><code>const data = new Blob(['&lt;div&gt;test&lt;/div&gt;'], {type: 'text/html'})
  const item = new ClipboardItem({'text/html': data});
  navigator.clipboard.write(item);
  </code></pre>
  
  <p>Any guidance would be appreciated.</p>