title: select2 4.0 and bootstrap tooltip
body: <p>Did someone get select2 4.0 working with bootstrap 3.x tooltips? I can't display tooltips in select2 4.0 anymore (worked well in 3.5.2). This is HTML code:</p>
  
  <pre><code>&lt;select name="xxx" class="select-full tip" title="some_title"&gt;
  </code></pre>
  
  <p>Here's the javascript:</p>
  
  <pre><code>$('.tip').tooltip({placement: "auto", html: true});
  $(".select-full").select2({
      width: "100%",
  });
  </code></pre>
  
  <p>However, no tooltips are displayed in select2 elements (work fine in "normal" selects). I found some solutions on this website, but they only work with old select2.</p>
  
  <p>After examining the code for last 3 days, I found the problem is <em>most likely</em> caused by this line in CSS file that comes with select2:</p>
  
  <pre><code>.select2-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
  </code></pre>
  
  <p>If I remove this single line, tooltips work fine, but select2 elements don't look well (two selects are displayed instead of one).</p>
  
  <p>I also found a partial solution. Adding this extra snippet does the trick, but it only works if title is defined in javascript itself (doesn't work if "title" element is removed from JS code):</p>
  
  <pre><code>$(".select2-container").tooltip({
  title: "some static title"});
  </code></pre>
  
  <p>Live example added - <a href="https://jsfiddle.net/8odneso7/" rel="noreferrer">https://jsfiddle.net/8odneso7/</a></p>