fix(kit): maskitoCaretGuard doesn't work after focus on <select /> (

#462)
taiga-family · Aug 30, 2023 · 9f456da · 9f456da
1 parent ff862aa
commit 9f456da
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/projects/kit/src/lib/plugins/caret-guard.ts b/projects/kit/src/lib/plugins/caret-guard.ts
@@ -12,7 +12,9 @@ export function maskitoCaretGuard(
         const document = element.ownerDocument;
         let isPointerDown = 0;
         const onPointerDown = (): number => isPointerDown++;
-        const onPointerUp = (): number => isPointerDown--;
+        const onPointerUp = (): void => {
+            isPointerDown = Math.max(--isPointerDown, 0);
+        };
 
         const listener = (): void => {
             if (getFocused(document) !== element) {
@@ -39,7 +41,7 @@ export function maskitoCaretGuard(
         };
 
         document.addEventListener('selectionchange', listener, {passive: true});
-        document.addEventListener('mousedown', onPointerDown, {passive: true});
+        element.addEventListener('mousedown', onPointerDown, {passive: true});
         document.addEventListener('mouseup', onPointerUp, {passive: true});
 
         return () => {