fix: fix touch device detection regarding #e76b5ae

dnbexperience · Nov 28, 2019 · f66b524 · f66b524
1 parent 6e8df02
commit f66b524
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/dnb-ui-lib/src/shared/component-helper.js b/packages/dnb-ui-lib/src/shared/component-helper.js
@@ -59,11 +59,12 @@ export function defineIsTouch({ interactive = true } = {}) {
     // to give it a change to have isTouch from the very beginning
     if (unsafeIsTouchDeviceCheck()) {
       document.documentElement.setAttribute('data-is-touch', true)
+      IS_TOUCH_DEVICE = true
     }
 
     window.addEventListener(
       'touchstart',
-      function onFirstTouch() {
+      function onTouch() {
         try {
           if (IS_TOUCH_DEVICE !== true) {
             document.documentElement.setAttribute('data-is-touch', true)
@@ -73,15 +74,15 @@ export function defineIsTouch({ interactive = true } = {}) {
           console.warn('Could not apply "touch attribute"', e)
         }
         if (!interactive) {
-          window.removeEventListener('touchstart', onFirstTouch, false)
+          window.removeEventListener('touchstart', onTouch, false)
         }
       },
       false
     )
 
     window.addEventListener(
       'mouseover',
-      function onFirstHover() {
+      function onHover() {
         try {
           if (IS_TOUCH_DEVICE === true) {
             document.documentElement.removeAttribute('data-is-touch')
@@ -91,7 +92,7 @@ export function defineIsTouch({ interactive = true } = {}) {
           console.warn('Could not apply "touch attribute"', e)
         }
         if (!interactive) {
-          window.removeEventListener('mouseover', onFirstHover, false)
+          window.removeEventListener('mouseover', onHover, false)
         }
       },
       false