<p dir="auto">Hi, i use javascript to hide the popover,</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="$('#element').popover('hide');"><pre class="notranslate"><code class="notranslate">$('#element').popover('hide');
</code></pre></div>
<p dir="auto">but i realize that the popover is alway there and but invisible, if had links or button inside the popover and if i click at the same time where the popover was before hidding it, the link and button are all there and clickable but invisible.</p>
<p dir="auto">Try my demo, Hide with the Hide me button.<br>
the link is still there and clickable<br>
<a href="http://jsfiddle.net/onigetoc/eCLAu/2/" rel="nofollow">http://jsfiddle.net/onigetoc/eCLAu/2/</a></p>
<p dir="auto">Hi think modal do the same thing, i got invisible input and textarea who do weird things when i click where they was visible.</p>
<p dir="auto">using modal hide with javascript</p>
<p dir="auto">i searched for an already opened issue but did not found any that was reporting this exact problem.</p>
<p dir="auto">I'm trying to use the destroy method on tooltip (bootstrap v3) but it does not remove the element from the DOM.</p>
<p dir="auto">Any idea ?</p>
<p dir="auto">Fiddle : <a href="http://jsfiddle.net/52VtD/59/" rel="nofollow">http://jsfiddle.net/52VtD/59/</a></p>
<p dir="auto">click on the button to trigger the tooltip destroy method</p>