dnum-mi / vue-dsfr

Portage en Vue du DSFR
https://vue-ds.fr
Other
58 stars 26 forks source link

Problème ergonomie démonstration #825

Open cesar-lizurey opened 1 month ago

cesar-lizurey commented 1 month ago

C'est peut-être un détail pour vous mais pour moi ça veut dire beaucoup: https://demo.vue-ds.fr/side-menu Quand on sélectionne "menu latéral" il y a bien le trait bleu sous cet élément, mais quand on sélectionne un titre (quel que soit le niveau), ça semble perdre le focus. Je n'ai pas regardé en détails le code mais j'ai l'impression qu'il met le focus sur un élément selon l'URL. Il serait sans doute opportun d'utiliser un "startsWith". Bonne journée à vous.

laruiss commented 4 weeks ago

Cela utilise bien l’URL du lien, et c’est bien ce que l’on veut. Qu’entendez-vous par « ça semble perdre le focus » ?

cesar-lizurey commented 3 weeks ago

Voilà ce qu'on obtient quand on clique sur un élément du menu horizontal en haut puis sur un élément dans la page affichée:

vue1

On voit bien que le "focus" (pas au sens HTML du terme) est toujours sur l'élément horizontal du menu, même si on a cliqué sur quelque chose en-dessous. Par "focus" j'entends le trait bleu qui souligne l'élément du menu actuel.

En revanche, voilà l'anomalie ergonomique pour "Menu latéral":

vue2

Ici on a bien le "focus" où il faut, mais si on clique sur un élément dans la page en-dessous, le focus se perd (i.e. la barre bleue ne souligne plus l'élément actuel).

vue3

Est-ce que mes explications supplémentaires vous éclairent un peu plus?

laruiss commented 2 weeks ago

Oui, c’est plus clair. Il ne s’agit pas de focus, il s’agit de la signalisation pour l’utilisateur de la page courante. Et tout est normal. C’est une application de démo, et ça n’a pas vraiment de sens de mettre le même lien dans un menu horizontal comme c’est le cas ici. J’espère que vous comprendrez, je ne vais pas travailler dessus, car ce n’est ni important, ni urgent. Les composants fonctionnent comme ils doivent.