title: Is it possible to set the size attribute of a select element using JavaScript in Internet Explorer 11?
body: <p>I have a page with following HTML</p>
  
  <pre><code>&lt;select id="person" size="5" onchange="document.getElementById('person').size = 1;"&gt;
      &lt;option value="Homer"&gt;Homer&lt;/option&gt;
      &lt;option value="Marge"&gt;Marge&lt;/option&gt;
      &lt;option value="Bart"&gt;Bart&lt;/option&gt;
      &lt;option value="Lisa"&gt;Lisa&lt;/option&gt;
      &lt;option value="Maggie"&gt;Maggie&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>When you select an item in the list, the list's size is set to 1 (so it renders as a combo box rather than a list box).</p>
  
  <p>When using Internet Explorer 11, the browser crashes. When testing with other browsers there is no problem. I have tried the following browsers:</p>
  
  <ul>
  <li>Firefox 25.0.1</li>
  <li>Chrome 31.0.1650.63 m</li>
  <li>Internet Explorer 10</li>
  </ul>
  
  <p>There is a jsfiddle here <a href="http://jsfiddle.net/pC9zL/11/" rel="noreferrer">http://jsfiddle.net/pC9zL/11/</a> containing the above HTML.</p>
  
  <p>Has anyone else experienced this problem and if so are they aware of any possible solutions?</p>