title: Can't get select2 dropbox to work within a listbox row
body: <p>I have a listbox container with 3 items displayed on each row.  </p>
  
  <p>The first item is a label checkbox, the second is a Select2 dropbox, the third is a link to a popup.  </p>
  
  <p>My Fiddle <a href="https://jsfiddle.net/8wuz3rtv/" rel="nofollow noreferrer">Fiddle</a> shows a single row taken from the listbox.  </p>
  
  <p>After several hours I've managed to structure the 3 items on a single row, but the Select2 dropbox shows the dropdown menu instead of the input box.  </p>
  
  <p>Any ideas how to get the dropbox working properly?  Also, I'm very unsure about the way I've structured the coding for each row.  Would be good to know if there's a more efficient / more robust approach.   Much appreciate any help.</p>
  
  <pre><code>https://select2.github.io/select2/select2-3.5.1/select2.js
  https://select2.github.io/select2/select2-3.5.1/select2.css
  
  &lt;label&gt;
    &lt;input type="checkbox" name="checkbox" id="First" /&gt;
    &lt;span class="LHLabelClass"&gt;First row LH label:&lt;/span&gt;
  &lt;/label&gt;
  
  
  &lt;span class="MiddleLabelClass"&gt;
          &lt;select id="multipleSelectExample1" class="tester" data-placeholder="Select type" multiple="multiple"&gt;
              &lt;option value="Option 1"&gt;Option 1&lt;/option&gt;
              &lt;option value="Option 2"&gt;Option 2&lt;/option&gt;
              &lt;option value="Option 3"&gt;Option 3&lt;/option&gt;
          &lt;/select&gt;
  &lt;/span&gt;
  
  
  &lt;span class="RHLabelClass"&gt;
  &lt;a href="#" id="POPUP1" &gt;First RH row label&lt;/a&gt;
  &lt;/span&gt;
  
  
  
  
  $(function() {
    $("#multipleSelectExample1").select2({});
  });
  
  
  
  
      * {
    box-sizing: border-box;
  }
  
  .LHLabelClass {
    color: blue;
    margin-left: 10px;
    margin-right: 20px;
    margin-bottom: 30px;
    width: 150px;
    display: inline-block;
    border: 1px solid blue;
  }
  
  .MiddleLabelClass {
    width: 100px;
  
    margin-right: 30px;
    display: inline-block;
    border: 1px solid brown;
  }
  
  .RHLabelClass {
    width: 150px;
    display: inline-block;
    border: 1px solid green;
  }
  
  .select2-container-multi .select2-choices {
    outline:none;
    width: 224px!important;
    height: 27px!important;
    padding: 0px 0px 0px 0px;
    border: 1px solid transparent;
  }
  
  .select2-container-multi .select2-choices .select2-search-choice{
    outline:none;
    font-size: 11px;
    background:#CEDDF0;
    color: black;
    padding: 2px 3px 2px 16px!important;
    margin-top: 5px!important;
    margin-right: 3px;
    margin-left: 4px;
    border: 1px solid #605D9C;
  } 
  
   .select2-drop{
  outline:none;
  font-size: 12px;
  color: black;
  }
  </code></pre>