title: HTML select is empty whatever I do
body: <p>I must be doing something very stupid. </p>
  
  <p>Whatever I tried I always get an empty select. </p>
  
  <p>This is the code:</p>
  
  <pre><code>   &lt;select&gt;
         &lt;option disabled=""&gt;jknjk&lt;/option&gt;                     
         &lt;option selected value="local"&gt; Со склаа&lt;/option&gt;                           
         &lt;option value="preorder"&gt; Предзаказ&lt;/option&gt;    
      &lt;/select&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/VXLac.png" alt="enter image description here"></p>
  
  <p>I swear I used select elements before and never had problems with it. 
  But I have no ideas why it works so in this case when it shouldn't. </p>
  
  <p>If I click it one time after loadiing - it can be used. 
  As one can see it has selected value  (in inspector)</p>
  
  <p>Could it be some CSS what makes it behave so? </p>
  
  <p><a href="https://i.imgur.com/tfcbDuR.png" rel="nofollow noreferrer">Full image</a> </p>
  
  <p><a href="http://paste.debian.net/261005/" rel="nofollow noreferrer">Full css styles attached to select element</a></p>