title: Wrong scroll bar when using column-count (CSS/HTML)
body: <p>When using column-count: 2, if there is overflow, I want a vertical scroll bar to appear, but a horizontal one appears instead. Without column-count, the vertical scroll bar appears, as expected. How can I use column-count: 2 and have the vertical scroll bar appear?</p>
  
  <pre><code>.searchCriteriaPanel {
      border-radius: 0 0 5px 5px;
      width: 300px;
      height: 200px;
      background-color: lightgrey;
      padding: 10px;
      overflow-y: auto;
      column-count: 2;
  }
  
  &lt;div id="MarketContent" class="searchCriteriaPanel"&gt;
      &lt;label&gt;&lt;input type="checkbox"&gt;one&lt;/label&gt;&lt;br /&gt;
      &lt;label&gt;&lt;input type="checkbox"&gt;two&lt;/label&gt;&lt;br /&gt;
      &lt;label&gt;&lt;input type="checkbox"&gt;three&lt;/label&gt;&lt;br /&gt;
      &lt;label&gt;&lt;input type="checkbox"&gt;four&lt;/label&gt;&lt;br /&gt;
      &lt;label&gt;&lt;input type="checkbox"&gt;five&lt;/label&gt;&lt;br /&gt;
      &lt;label&gt;&lt;input type="checkbox"&gt;six&lt;/label&gt;&lt;br /&gt;
      &lt;label&gt;&lt;input type="checkbox"&gt;seven&lt;/label&gt;&lt;br /&gt;
      &lt;label&gt;&lt;input type="checkbox"&gt;eight&lt;/label&gt;&lt;br /&gt;
      &lt;label&gt;&lt;input type="checkbox"&gt;nine&lt;/label&gt;&lt;br /&gt;
      &lt;label&gt;&lt;input type="checkbox"&gt;ten&lt;/label&gt;&lt;br /&gt;
      &lt;label&gt;&lt;input type="checkbox"&gt;eleven&lt;/label&gt;&lt;br /&gt;
      &lt;label&gt;&lt;input type="checkbox"&gt;twelve&lt;/label&gt;&lt;br /&gt;
      &lt;label&gt;&lt;input type="checkbox"&gt;thirteen&lt;/label&gt;&lt;br /&gt;
      &lt;label&gt;&lt;input type="checkbox"&gt;fourteen&lt;/label&gt;&lt;br /&gt;
      &lt;label&gt;&lt;input type="checkbox"&gt;fifteen&lt;/label&gt;&lt;br /&gt;
      &lt;label&gt;&lt;input type="checkbox"&gt;sixteen&lt;/label&gt;&lt;br /&gt;
      &lt;label&gt;&lt;input type="checkbox"&gt;seventeen&lt;/label&gt;&lt;br /&gt;
      &lt;label&gt;&lt;input type="checkbox"&gt;eighteen&lt;/label&gt;&lt;br /&gt;
      &lt;label&gt;&lt;input type="checkbox"&gt;nineteen&lt;/label&gt;&lt;br /&gt;
      &lt;label&gt;&lt;input type="checkbox"&gt;twenty&lt;/label&gt;&lt;br /&gt;
      &lt;label&gt;&lt;input type="checkbox"&gt;twentyone&lt;/label&gt;&lt;br /&gt;
      &lt;label&gt;&lt;input type="checkbox"&gt;twentytwo&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/birdus/2dkhefnw/" rel="nofollow noreferrer">JS-Fiddle</a></p>