Warning Más de un elemento usando autofocus
Por qué solo se respeta el primer atributo autofocus de un documento, y por qué tener más de uno suele significar que el elemento equivocado recibe el foco.
El validador marca un documento donde más de un elemento tiene el atributo autofocus.
Ejemplo
<!-- Marcado: dos elementos compitiendo por el foco -->
<input name="busqueda" autofocus>
...
<input name="email" autofocus>
<!-- Correcto: elegir uno -->
<input name="busqueda" autofocus>
<input name="email">Por qué importa
La especificación HTML es explícita en que cuando un documento contiene más de un elemento con autofocus, solo el primero encontrado durante el parseo recibe realmente el foco — cualquiera posterior simplemente se ignora. Esto suele aparecer después de que una página gana un segundo formulario o modal que también quiere el foco inicial, sin que nadie note que el primero todavía sigue marcado con autofocus también, así que el autofocus del elemento más nuevo no hace nada en silencio. La solución siempre es la misma: decidir qué elemento único debería recibir el foco inicial y quitar el atributo del resto.
Frequently asked questions
¿El navegador muestra algún error por autofocus duplicado?
No — es sintaxis HTML válida poner autofocus en varios elementos; la especificación solo define que únicamente el primero tiene efecto. No hay ninguna advertencia en consola, así que el único síntoma es que un elemento con autofocus posterior nunca recibe el foco como se esperaba.
¿Qué pasa con autofocus dentro de un <dialog> o un componente que se monta después?
Un elemento agregado al documento después del parseo inicial (por ejemplo dentro de un diálogo que se abre dinámicamente) sí puede recibir autofocus en el momento en que se inserta, independientemente de lo que haya recibido autofocus durante la carga inicial de la página — esta revisión analiza el markup estático tal como se parseó, no mutaciones posteriores del DOM.