title: Bootstrap select - using data-container="body" breaks functionality
body: <p>I was having a problem with the Bootstrap <code>select</code> going under another <code>div</code>, and find a solution that solved it in the following question:
  <a href="https://stackoverflow.com/questions/22603864/bootstrap-select-opens-option-under-the-div">Bootstrap-Select opens option under the div</a></p>
  
  <p>The solution suggests adding <code>data-container="body"</code> to Bootstrap <code>select</code>, and it solved this problem but caused side effects on the bootstrap functionality:</p>
  
  <ol>
  <li>When the <code>select</code> is opened, clicking outside its scope won't close it.</li>
  <li>When the <code>select</code> is opened, clicking on the <code>select</code> itself (the original box) won't close it.</li>
  <li>When trying the functionality described on 1 and 2, the <code>select</code> gets almost completely stuck and even clicking on a valid <code>option</code> won't close the <code>select</code> now.</li>
  </ol>
  
  <p>Without using <code>data-container="body"</code> on the <code>select</code> none of this happens, but then I have the original problem.
  I need help if anyone has an idea what is happening.</p>