title: select2 in modal not focusable
body: <p>i have this html </p>
  
  <pre><code>    &lt;div id="create" class="modal fade" role="dialog"&gt;
          &lt;div class="modal-dialog"&gt;  
              &lt;div class="modal-content"&gt;
             &lt;div class="modal-header"&gt;
             &lt;/div&gt;
  &lt;div class="modal-body"&gt;
    &lt;select class="form-control select" name="list" id="list" 
          placeholder="SelectList" required&gt;
     &lt;option value=""&gt;Select List&lt;/option&gt;
     &lt;option value=""&gt;one&lt;/option&gt;
     &lt;option value="two"&gt;two&lt;/option&gt;
     &lt;option value="three"&gt;three&lt;/option&gt;                                       
  &lt;/select&gt;
       &lt;/div&gt;
  
                $(document).ready(function(){
  $.fn.modal.Constructor.prototype.enforceFocus = function() {};
  $('.select').select2({
                  dropdownParent: $('#create')
              });
  
  }):
  </code></pre>
  
  <p>i tried looking for the answer in stack overflow they did have some answers as i have implemented above but it did not seem to work </p>