jQuery UI: ¿por qué hay un contorno punteado alrededor de un anclaje que no debería estar activo?

Question

Estoy usando el cuadro de diálogo modal de jQuery UI y cuando abro el cuadro de diálogo, el primero o uno de los primeros anclajes tiene una línea de puntos sin hacer clic en nada. Una vez que hago clic en cualquier parte de la pantalla, desaparece. Entonces parece que el cuadro de diálogo está activando el anclaje, pero cómo lo está haciendo está más allá de mí.

Answer 1

Estoy bastante seguro de que esta línea punteada solo representa el foco. Puede ser que jquery-ui realmente esté enfocando el primer hipervínculo, pero (sin incluir el código fuente de jquery-ui) creo que es igualmente plausible que su navegador lo haga por sí mismo.

Si es el navegador, sospecho que es porque el diálogo div está recibiendo el foco, y la única manera de que el navegador se encargue de eso es enfocar la primera cosa interactiva en ese div: el ancla.

¿Qué sucede si no hay anclas en el diálogo div? ¿Qué sucede si hay una entrada de texto antes de cualquier anclaje?

Si esto es algo que hace el navegador, hazte un favor y deja de preocuparte por ello. Podría perder mucho tiempo e introducir una gran cantidad de códigos específicos del navegador y difíciles de mantener intentando que se comporte de manera diferente.

Answer 2

No estoy específicamente seguro de por qué esto sucede exactamente, sin embargo, si desea cambiar el comportamiento de esto, puede agregar a su CSS y el esquema debería desaparecer.

div.ui-dialog a { outline: none }