Estou na página /about, mais especificamente, abri o menu ‘Mais’ na barra lateral.
Como você pode ver, o item ‘Usuários’ parece estar selecionado, embora eu esteja na página Sobre. Pareceria mais natural que o selecionado fosse aquele em que você está atualmente? Isso não acontece, pois a página em que você está traz o item da lista para fora do menu, nos itens da barra lateral.
Portanto, é possível que o item mais acima não pareça estar selecionado?
Para esclarecer, meu dedo não estava pressionando o item ‘Usuários’ quando esta captura de tela foi tirada.
Também me questiono por que o primeiro item está destacado no menu Mais. Quando você o inspeciona, o destaque desaparece.
Gostei do padrão de que os itens atualmente ativos são movidos para fora do menu para o menu pai. Então, parece que não deveria haver um destaque ativo no menu Mais, pois na verdade não há itens ativos? O padrão não é consistente, porém, por exemplo, aqui no Meta, ele não se aplica às páginas de leaderboard.
Isso ocorre porque, quando o menu é aberto, focamos no primeiro item para navegação por teclado.
Podemos alterar isso de focus para focus-visible, que só deve mostrar o destaque quando necessário (como quando a navegação por teclado está em uso).
Obrigado pela rápida solução!
