title: <input type="color" /> — open colorpicker with js
body: <p>I have got that:</p>
  
  <pre><code>&lt;span class="opener"&gt;Open&lt;/span&gt;
  &lt;input type="color" class="btn-invisible" /&gt;
  </code></pre>
  
  <p>and I would like to open the colorpicker of that field using JS. I have tried:</p>
  
  <pre><code>document.querySelector('span.opener')
    .addEventListener('click', 
      e =&gt; document.querySelector('.btn-invisible').focus()
    );
  </code></pre>
  
  <p>But that doesn't open the color picker. If that can be done by JS, how?</p>