<p dir="auto">Using toggle popover hidden and ok. When using hide command, popover is hidden, but button inside popover still trigering mouse over.</p>
<p dir="auto"><a href="http://jsfiddle.net/conx/n8FYQ/4/" rel="nofollow">http://jsfiddle.net/conx/n8FYQ/4/</a></p>
<p dir="auto">If you use <code class="notranslate">$().popover</code> with no animation and show the popover with <code class="notranslate">$().popover('toggle')</code> (i.e. <code class="notranslate">trigger: 'manual'</code>), then it doesn't hide after <code class="notranslate">$().popover('hide')</code> is called.</p>
<p dir="auto">Demo: <a href="http://jsfiddle.net/sJtrg/" rel="nofollow">http://jsfiddle.net/sJtrg/</a></p>
<p dir="auto">The problem seems to be that inside the <a href="https://github.com/twbs/bootstrap/blob/v3.0.0/js/tooltip.js#L351"><code class="notranslate">Tooltip.prototype.toggle</code> function</a>, <code class="notranslate">enter</code> and <code class="notranslate">leave</code> are called instead of <code class="notranslate">show</code> and <code class="notranslate">hide</code>:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="self.tip().hasClass('in') ? self.leave(self) : self.enter(self)"><pre class="notranslate"><code class="notranslate">self.tip().hasClass('in') ? self.leave(self) : self.enter(self)
</code></pre></div>
<p dir="auto">This was changed as part <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="11676472" data-permission-text="Title is private" data-url="https://github.com/twbs/bootstrap/issues/7163" data-hovercard-type="issue" data-hovercard-url="/twbs/bootstrap/issues/7163/hovercard" href="https://github.com/twbs/bootstrap/issues/7163">#7163</a> (<a class="commit-link" data-hovercard-type="commit" data-hovercard-url="https://github.com/twbs/bootstrap/commit/9257bdc0974beef0a2218c76851dc37f3cf9313a/hovercard" href="https://github.com/twbs/bootstrap/commit/9257bdc0974beef0a2218c76851dc37f3cf9313a"><tt>9257bdc</tt></a>).</p>
<p dir="auto"><a href="https://github.com/twbs/bootstrap/blob/v3.0.0/js/tooltip.js#L111">Inside <code class="notranslate">enter</code></a>, the following property is set:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="self.hoverState = 'in'"><pre class="notranslate"><code class="notranslate">self.hoverState = 'in'
</code></pre></div>
<p dir="auto">and <a href="https://github.com/twbs/bootstrap/blob/v3.0.0/js/tooltip.js#L263">inside <code class="notranslate">hide</code></a>, the popover is only removed if this property is not <code class="notranslate">'in'</code>:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="function complete() {
  if (that.hoverState != 'in') $tip.detach()
}"><pre class="notranslate"><code class="notranslate">function complete() {
  if (that.hoverState != 'in') $tip.detach()
}
</code></pre></div>
<p dir="auto">The same problem exists with animation of course, but since element was faded out, it's not visible (even though it doesn't get detached).</p>
<p dir="auto">I would have changed the calls from <code class="notranslate">leave</code> and <code class="notranslate">enter</code> to <code class="notranslate">hide</code> and <code class="notranslate">show</code> again, but I didn't go through the other issue completely, so I don't know if that would reintroduce the other bug. There might be a different way to solve this problem.</p>