title: Javascript scrollIntoView function not working in chrome
body: <p>I have a function that use a HTML select element. It works by each option having number value. When the option is click I use that number to scroll to a div.</p>
  
  <p>Something like this:</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-js lang-js prettyprint-override"><code>var options = document.getElementsByTagName("option");
  var divs = document.getElementsByTagName("div");
  
  function test() {
    var t = parseInt(this.value);
    divs[t].scrollIntoView({
      block: "center",
      behaviour: "smooth"
    });
  }
  
  window.addEventListener("load", function() {
    for (var i = 0; i &lt; options.length; i++) {
      options[i].addEventListener("click", test);
    }
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>div{
  height:50vh;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;select id="dropdown"&gt;
    &lt;option value="0"&gt;Div 1&lt;/option&gt;
    &lt;option value="1"&gt;Div 2&lt;/option&gt;
    &lt;option value="2"&gt;Div 3&lt;/option&gt;
    &lt;option value="3"&gt;Div 4&lt;/option&gt;
  &lt;/select&gt;
  &lt;div&gt;
  &lt;hr&gt;
  div 1
  &lt;/div&gt;
  &lt;div&gt;
  &lt;hr&gt;
  div 2
  &lt;/div&gt;
  &lt;div&gt;
  &lt;hr&gt;
  div 3
  &lt;/div&gt;
  &lt;div&gt;
  &lt;hr&gt;
  div 4
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>This works in Firefox and IE but not in chrome. The options have the function attached but when I click them nothing happens. </p>