You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Je souhaite utiliser le DsfrTooltip dans un formulaire. Je l'utilise avec la propriété on-hover à false. <DsfrTooltip content="Un élément assez intriguant" :on-hover="false" />
Le DsfrTootip utilise un <button> dans ce cas. Quand on clique dessus, le formulaire est submit alors qu'il devrait simplement afficher l'info bulle sans submit le formulaire.
Solution
Le bouton n'a pas d'attribut "type" et est donc considéré comme étant un bouton de submit. Il faudrait que le bouton ait l'attribut type="button".
J'ai pu tester via chrome en modifiant l'HTML de ma page pour ajouter l'attribut en question sur le bouton et j'ai effectivement le comportement attendu qui est de ne pas provoquer de submit lors du clic sur le composant.
The text was updated successfully, but these errors were encountered:
Contexte
Bonjour,
Je souhaite utiliser le DsfrTooltip dans un formulaire. Je l'utilise avec la propriété
on-hover
à false.<DsfrTooltip content="Un élément assez intriguant" :on-hover="false" />
Versions du DS :
Problème
Le DsfrTootip utilise un
<button>
dans ce cas. Quand on clique dessus, le formulaire est submit alors qu'il devrait simplement afficher l'info bulle sans submit le formulaire.Solution
Le bouton n'a pas d'attribut "type" et est donc considéré comme étant un bouton de submit. Il faudrait que le bouton ait l'attribut
type="button"
.Thread stackoverflow mentionnant ce problème avec la solution décrite
J'ai pu tester via chrome en modifiant l'HTML de ma page pour ajouter l'attribut en question sur le bouton et j'ai effectivement le comportement attendu qui est de ne pas provoquer de submit lors du clic sur le composant.
The text was updated successfully, but these errors were encountered: