fix(Touch/QTime): Force no-pointer-events on children in touch - fix NaN in QTime on click after dragging (quasarframework#6597)

Author: pdanpdan

ui/src/css/core/mouse.sass

@@ -13,7 +13,9 @@
 .no-scroll
   overflow: hidden !important
 
-.no-pointer-events
+.no-pointer-events,
+.no-pointer-events--children,
+.no-pointer-events--children *
   pointer-events: none !important
 .all-pointer-events
   pointer-events: all !important

ui/src/css/core/mouse.styl

@@ -13,7 +13,9 @@
 .no-scroll
   overflow: hidden !important
 
-.no-pointer-events
+.no-pointer-events,
+.no-pointer-events--children,
+.no-pointer-events--children *
   pointer-events: none !important
 .all-pointer-events
   pointer-events: all !important

ui/src/directives/TouchPan.js

@@ -234,7 +234,7 @@ export default {
           handleEvent(evt, isMouseEvt)
 
           document.documentElement.style.cursor = 'grabbing'
-          isMouseEvt === true && document.body.classList.add('no-pointer-events')
+          isMouseEvt === true && document.body.classList.add('no-pointer-events--children')
           document.body.classList.add('non-selectable')
           clearSelection()
 
@@ -246,7 +246,7 @@ export default {
 
             if (isMouseEvt === true) {
               const remove = () => {
-                document.body.classList.remove('no-pointer-events')
+                document.body.classList.remove('no-pointer-events--children')
               }
 
               if (withDelay === true) { setTimeout(remove, 50) }

ui/src/directives/TouchSwipe.js

@@ -174,7 +174,7 @@ export default {
           stopAndPrevent(evt)
 
           if (ctx.event.mouse === true) {
-            document.body.classList.add('no-pointer-events')
+            document.body.classList.add('no-pointer-events--children')
             document.body.classList.add('non-selectable')
             clearSelection()
 
@@ -184,7 +184,7 @@ export default {
               document.body.classList.remove('non-selectable')
 
               const remove = () => {
-                document.body.classList.remove('no-pointer-events')
+                document.body.classList.remove('no-pointer-events--children')
               }
 
               if (withDelay === true) { setTimeout(remove, 50) }