AngularStrap popover flickers for some reason

Question

My HTML is:

            <div class="pull-left" data-trigger="hover" bs-popover="popover">
              <a href="/address/text">
                text
              </a>
            </div>

My controller has:

$scope.popover = {
  "title": "Title",
  "content": "Hello Popover<br />This is a multiline message!"
};

How come the popover doesn't always pop up? You don't see it in this GIF, but for a fraction of a second, the popover appears on the left before flickering in on the right. Also, why is the popover highlighted?

Answer 1

I wrote up a fiddle to show that you can just use inbuilt AngularJS directives to do this, including mouseenter and mouseleave. There is no flickering from what I can see, either.

http://jsfiddle.net/jakemulley/dZe55/

Hopefully this helps!