Merge pull request #955 from dnum-mi/develop

Develop
dnum-mi · Oct 3, 2024 · 84b6de9 · 84b6de9
2 parents d871345 + bb4d8d4
commit 84b6de9
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/components/DsfrTooltip/DsfrTooltip.vue b/src/components/DsfrTooltip/DsfrTooltip.vue
@@ -89,12 +89,20 @@ const clickListener = (event: MouseEvent) => {
   show.value = false
 }
 
+const onEscapeKey = (event: KeyboardEvent) => {
+  if (event.key === 'Escape') {
+    show.value = false
+  }
+}
+
 onMounted(() => {
   document.documentElement.addEventListener('click', clickListener)
+  document.documentElement.addEventListener('keydown', onEscapeKey)
 })
 
 onUnmounted(() => {
   document.documentElement.removeEventListener('click', clickListener)
+  document.documentElement.removeEventListener('keydown', onEscapeKey)
 })
 
 const onMouseEnter = () => {
@@ -124,9 +132,11 @@ const onClick = () => {
     :class="onHover ? 'fr-link' : 'fr-btn  fr-btn--tooltip'"
     :aria-describedby="id"
     :href="onHover ? '#' : undefined"
-    @click="onClick()"
+    @click.stop="onClick()"
     @mouseenter="onMouseEnter()"
     @mouseleave="onMouseLeave()"
+    @focus="onMouseEnter()"
+    @blur="onMouseLeave()"
   >
     <!-- @slot Slot par défaut pour le contenu de l’infobulle -->
     <slot />