title: Keeping select2 element a fixed size with scrolling?
body: <p><a href="http://jsfiddle.net/9rauhkb8/" rel="noreferrer">Here is a fiddle for example.</a></p>
  
  <p>What this example shows is with a normal multiple-select select2 element as the user selects items from the list it will expand down and cause the parent container to expand down. I can't have the parent grow any larger than it is set due to mobile and layout concerns.</p>
  
  <p>How does one set an option to disable expansion of the element or at the very least set the CSS to keep the size of the element and allow the user to scroll?</p>
  
  <p>Code below to prevent linkrot.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;form&gt;
    &lt;select class="select-select2" multiple="multiple" data-placeholder="Please choose one or more" data-allow-clear="true" data-close-on-select="false"&gt;
      &lt;option&gt;Lorem&lt;/option&gt;
      &lt;option&gt;ipsum&lt;/option&gt;
      &lt;option&gt;dolor&lt;/option&gt;
      &lt;option&gt;sit amet&lt;/option&gt;
      &lt;option&gt;consectetur&lt;/option&gt;
      &lt;option&gt;adipisicing&lt;/option&gt;
      &lt;option&gt;elit sed&lt;/option&gt;
      &lt;option&gt;do eiusmod&lt;/option&gt;
      &lt;option&gt;tempor&lt;/option&gt;
      &lt;option&gt;incididunt&lt;/option&gt;
      &lt;option&gt;ut labore&lt;/option&gt;
      &lt;option&gt;et dolore&lt;/option&gt;
      &lt;option&gt;magna aliqua&lt;/option&gt;
      &lt;option&gt;Ut enim ad&lt;/option&gt;
    &lt;/select&gt;
  
    &lt;button type="submit"&gt;Submit&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>$(".select-select2").select2();
  </code></pre>