Estoy en la página /about, abre más el menú ‘Más’ en la barra lateral.
¡La imagen muestra un menú en tema oscuro del sitio web de Meta Discord, que muestra opciones como “Documentación,” “Preguntas frecuentes,” “Grupos” y “Aniversarios.” (Etiquetado por IA)|224x500](upload://jBbJPb7kzzc8LSIrkHodfMGKXtX.jpeg)
Como puedes ver, el elemento ‘Usuarios’ parece estar seleccionado, aunque estoy en la página Acerca de. ¿No parecería más natural que el elemento seleccionado sea el en el que estás actualmente? Esto no sucede, ya que la página en la que estás hace que el elemento de la lista quede fuera del menú, en los elementos de la barra lateral.
Por lo tanto, ¿es posible que el elemento en la parte superior no parezca estar seleccionado?
También me pregunto por qué el primer elemento está resaltado en el menú Más. Cuando lo inspeccionas, el resaltado desaparece.
Me gusta el patrón de que los elementos actualmente activos se mueven fuera del menú al menú principal. Entonces, parece que simplemente no debería haber un resaltado activo en el menú Más, ya que en realidad no hay elementos activos. Sin embargo, el patrón no es consistente, por ejemplo aquí en Meta no se aplica a las páginas de clasificaciones.
Esto se debe a que cuando se abre el menú, enfocamos el primer elemento para la navegación por teclado.
Podemos cambiar esto de focus a focus-visible, que solo debería mostrar el resaltado cuando sea necesario (como cuando se usa la navegación por teclado).