title: Select2 not working inside bootstrap modal
body: <p>I am trying to use <code>select2</code> inside bootstrap modal but it is not getting the focus automatically as well as down and up arrows are not working for the populated list.</p>
  
  <p>The same select2 works when I put it outside the modal popup.</p>
  
  <p>When I searched, I found many are facing this same problem and found this post</p>
  
  <p><a href="https://stackoverflow.com/questions/18487056/select2-doesnt-work-when-embedded-in-a-bootstrap-modal">Select2 doesn&#39;t work when embedded in a bootstrap modal</a></p>
  
  <p>I implemented both the solutions from it</p>
  
  <ol>
  <li>Removed <code>tabindex</code> from modal popup.</li>
  <li>Commented code of <code>enforceFocus</code> function in modal.js file. </li>
  </ol>
  
  <p>But it is still not working! Any idea what I could still be missing?</p>
  
  <p><strong>Edit1</strong></p>
  
  <p>It works on <code>firefox</code> when <code>tabindex</code> is removed from the modal div but not with <code>IE9</code></p>
  
  <p><strong>Edit2</strong></p>
  
  <p>I found that removing <code>tabindex</code> is actually not getting recognized by <code>IE9</code> because I can still hide the popup by escape key in IE but not in Firefox.</p>