change: toggle popup on touchstart

UAlbertaALTLab · Jun 17, 2020 · 3fdc6a3 · 3fdc6a3
1 parent 443cc3c
commit 3fdc6a3
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/tooltip.js b/src/tooltip.js
@@ -3,6 +3,7 @@ import {createPopper} from '@popperjs/core/dist/esm/popper'
 
 const showEvents = ['mouseenter', 'focus']
 const hideEvents = ['mouseleave', 'blur']
+const toggleEvents = ['touchstart']
 
 let popperInstance = null
 
@@ -50,4 +51,16 @@ export function createTooltip(icon, popup) {
       destroy()
     })
   }
+
+  for (let event of toggleEvents) {
+    icon.addEventListener(event, () => {
+      if (popup.hasAttribute('data-show')) {
+        popup.removeAttribute('data-show')
+        destroy()
+      } else {
+        popup.setAttribute('data-show', '')
+        create(icon, popup)
+      }
+    })
+  }
 }