title: How to position a color picker opened through HTML5's color input?
body: <p>Today I read <a href="http://demosthenes.info/blog/588/The-HTML5-Color-Input" rel="nofollow noreferrer">about HTML5's color input</a> and I thought I'd give it a try:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input type="color" name="background" id="background" value="#ff0000"&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>When I click the input (in chrome and firefox, on windows), a color picker appears. However, it is positioned in the top left corner of my screen, not above the input.</p>
  
  <p>Is this a known issue and will this be 'fixed' in the future? Is it possible to position the color picker through code? Or is this something that browsers can't do much about and that users have to live with?</p>