fix(core): fix mobile input blur on touchstart on different input

fixes #7728
nolimits4web · Sep 12, 2024 · 66c5dd1 · 66c5dd1
1 parent cc3dda3
commit 66c5dd1
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/src/core/events/onTouchMove.mjs b/src/core/events/onTouchMove.mjs
@@ -76,7 +76,14 @@ export default function onTouchMove(event) {
       return;
     }
   }
-
+  if (
+    document.activeElement &&
+    document.activeElement.matches(data.focusableElements) &&
+    document.activeElement !== e.target &&
+    e.pointerType !== 'mouse'
+  ) {
+    document.activeElement.blur();
+  }
   if (document.activeElement) {
     if (e.target === document.activeElement && e.target.matches(data.focusableElements)) {
       data.isMoved = true;

diff --git a/src/core/events/onTouchStart.mjs b/src/core/events/onTouchStart.mjs
@@ -134,10 +134,13 @@ export default function onTouchStart(event) {
       data.isTouched = false;
     }
   }
+
   if (
     document.activeElement &&
     document.activeElement.matches(data.focusableElements) &&
-    document.activeElement !== targetEl
+    document.activeElement !== targetEl &&
+    (e.pointerType === 'mouse' ||
+      (e.pointerType !== 'mouse' && !targetEl.matches(data.focusableElements)))
   ) {
     document.activeElement.blur();
   }