fix(QScrollArea): backport from Qv2 - mouse events on content trigger…

… on first tap in iOS quasarframework#16210
pdanpdan · Oct 21, 2023 · 3e23746 · 3e23746
1 parent 38f0c00
commit 3e23746
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/ui/src/components/scroll-area/QScrollArea.js b/ui/src/components/scroll-area/QScrollArea.js
@@ -464,10 +464,23 @@ export default Vue.extend({
     },
 
     __mouseEnter () {
-      this.hover = true
+      if (this.mouseEventTimer !== void 0) {
+        clearTimeout(this.mouseEventTimer)
+      }
+
+      // setTimeout needed for iOS; see ticket #16210
+      this.mouseEventTimer = setTimeout(() => {
+        this.mouseEventTimer = void 0
+        this.hover = true
+      }, this.$q.platform.is.ios === true ? 50 : 0)
     },
 
     __mouseLeave () {
+      if (this.mouseEventTimer !== void 0) {
+        clearTimeout(this.mouseEventTimer)
+        this.mouseEventTimer = void 0
+      }
+
       this.hover = false
     }
   },