Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

DsfrTooltip provoque une validation des formulaires lors du clic #957

Closed
vdizengremel opened this issue Oct 10, 2024 · 1 comment
Closed

Comments

@vdizengremel
Copy link
Contributor

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 :

{
    "@gouvfr/dsfr": "1.12.1",
    "@gouvminint/vue-dsfr": "7.0.1",
}

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.

@laruiss
Copy link
Collaborator

laruiss commented Oct 22, 2024

Corrigé dans v7.0.2

@laruiss laruiss closed this as completed Oct 22, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants