<p dir="auto">When using an animated (default) tooltip, after it fades out, it is still there (though invisible), which blocks the mouseover and click effects of other objects.<br>
For examle, see:</p>
<p dir="auto">JavaScript:</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;script type=&quot;text/javascript&quot;&gt;
    $('#1').tooltip();
    $('#2').tooltip();
&lt;/script&gt;"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">script</span> <span class="pl-c1">type</span>="<span class="pl-s">text/javascript</span>"<span class="pl-kos">&gt;</span>
    <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">'#1'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">tooltip</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">'#2'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">tooltip</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto">HTML</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;table class=&quot;table&quot;&gt;
&lt;tr&gt;
  &lt;td&gt;
    &lt;a data-toggle=&quot;tooltip&quot; data-original-title=&quot;tooltip 1&quot; id=&quot;1&quot; href=&quot;#&quot;&gt;link 1&lt;/a&gt;
  &lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td&gt;
    &lt;a data-toggle=&quot;tooltip&quot; data-original-title=&quot;tooltip 2&quot; id=&quot;2&quot; href=&quot;2t&quot;&gt;link 2&lt;/a&gt;
  &lt;/td&gt;
&lt;/table&gt;"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">table</span> <span class="pl-c1">class</span>="<span class="pl-s">table</span>"<span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">tr</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">td</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">a</span> <span class="pl-c1">data-toggle</span>="<span class="pl-s">tooltip</span>" <span class="pl-c1">data-original-title</span>="<span class="pl-s">tooltip 1</span>" <span class="pl-c1">id</span>="<span class="pl-s">1</span>" <span class="pl-c1">href</span>="<span class="pl-s">#</span>"<span class="pl-kos">&gt;</span>link 1<span class="pl-kos">&lt;/</span><span class="pl-ent">a</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;/</span><span class="pl-ent">td</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">tr</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">tr</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">td</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">a</span> <span class="pl-c1">data-toggle</span>="<span class="pl-s">tooltip</span>" <span class="pl-c1">data-original-title</span>="<span class="pl-s">tooltip 2</span>" <span class="pl-c1">id</span>="<span class="pl-s">2</span>" <span class="pl-c1">href</span>="<span class="pl-s">2t</span>"<span class="pl-kos">&gt;</span>link 2<span class="pl-kos">&lt;/</span><span class="pl-ent">a</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;/</span><span class="pl-ent">td</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">table</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto">After tooltip 2 has been activated, link 1 is blocked.<br>
When using <code class="notranslate">data-animation="false"</code> the problem does not occur.</p>
<p dir="auto">The problem does not occur in Chrome (28.0, Linux x64) but it does in Firefox (22.0, Linux x64).</p>
<p dir="auto">Popovers and tooltips are hidden by setting their opacity to 0. Thus, they are not rendered but are still present and prevent objects below them to be clicked.</p>
<p dir="auto">You can see it in the doc : the third popover button is not clickable because the second popover is above it, but hidden.</p>
<p dir="auto">Can be solved by setting the "visible" CSS attribute to "hidden".</p>