jQuery UI - Why is there a dotted outline around an anchor that shouldn't be active?

Question

I'm using the dialog box modal from jQuery UI and when I open up the dialog box, the first or one of the first few anchors has a dotted line around it without me clicking on anything. Once I click anywhere on the screen it goes away. So it appears that the dialog box is activating the anchor, but how it's doing that is beyond me.

Answer 1

I'm not specifically sure why this happens exactly, however if you want to change the behavior of this you can add to your css and the outline should disappear.

div.ui-dialog a { outline: none }