GouvernementFR / dsfr

🇫🇷 Official french government's design system (Système de Design de l'État)
https://www.systeme-de-design.gouv.fr/
Other
236 stars 54 forks source link

Bug sur cmp Header + Tooltip #921

Open famzila opened 4 months ago

famzila commented 4 months ago

Décrire le bug

On a constaté un bug au niveau du composant tooltip dans le composant header. C'est un problème aléatoire qui ne se produit pas systématiquement.

Les étapes pour reproduire le bug

Exemple :

  1. Aller à https://stackblitz.com/edit/stackblitz-starters-ttmefe?file=index.html (S'assurer de bien agrandir la taille pour ne pas voir le bouton hamburger)
  2. Survoler le lien "Créer un espace"
  3. La tooltip apparaît mais pas toujours dans la bonne position (voir la capture d'écran)
  4. Recharger la page plusieurs fois pour pouvoir reproduire le bug (c'est aléatoire)

Comportement attendu

L'attendu est que la tootltip s'affiche en dessous du lien "créer un espace"

Capture d’écran

Configuration et système utilisé

Informations complémentaires

On ne sait pas, si c'est lié à ce problème mais nous avons constaté que l'ID de la tooltip en mode mobile, dans le aria-describedby, n'est pas correct. Il reprend l'ID de la tooltip sans le suffixe '-mobile' (voir la capture d'écran de l'inspect Chrome).

keryanS commented 2 months ago

Bonjour,

Effectivement, nous n'avons pas prévu l'usage de tooltip dans les liens d'accès rapides, c'est pourquoi nous ne dupliquons que les attributs aria-controls et id. Je pense que le bug vient de la.

Ticket créé et ajouté au backlog.