@homecode/ui 5.7.0 → 5.7.1

package/dist/esm/src/components/Select/Select2.js

@@ -30,6 +30,7 @@ function Select2(props) {
     const contentRef = useRef(null);
     const scrollInnerRef = useRef(null);
     const pointerPressedInside = useRef(false);
+    const pressStartedInside = useRef(false);
     const pointerPressTimer = useRef(0);
     const blurTimer = useRef(0);
     const [labelClipPath, setLabelClipPath] = useState('');
@@ -161,19 +162,39 @@ function Select2(props) {
         else
             open();
     };
+    const markPressInside = (isInside) => {
+        window.clearTimeout(pointerPressTimer.current);
+        pointerPressedInside.current = isInside;
+        pointerPressTimer.current = window.setTimeout(() => (pointerPressedInside.current = false), POINTER_PRESS_TTL);
+    };
     useEvent({
         event: 'pointerdown',
         isCapture: true,
         callback: e => {
-            window.clearTimeout(pointerPressTimer.current);
-            pointerPressedInside.current = isInsideSelect(e.target);
-            pointerPressTimer.current = window.setTimeout(() => (pointerPressedInside.current = false), POINTER_PRESS_TTL);
+            pressStartedInside.current = isInsideSelect(e.target);
+            markPressInside(pressStartedInside.current);
+        },
+    });
+    useEvent({
+        event: 'pointerup',
+        isCapture: true,
+        callback: () => {
+            // The release can land on the portalled popup that mounted under the
+            // cursor mid-gesture, so the up-target is not a reliable inside signal.
+            if (pressStartedInside.current)
+                markPressInside(true);
+            pressStartedInside.current = false;
         },
     });
     useEvent({
         event: 'click',
         isActive: isOpen,
         callback: e => {
+            // The click concluding a press that started inside must not count as an
+            // outside click: the portalled popup can mount under the cursor, which
+            // retargets the click to a common ancestor outside the select.
+            if (pointerPressedInside.current)
+                return;
             if (!isInsideSelect(e.target))
                 close();
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "5.7.0",
+  "version": "5.7.1",
   "description": "React UI components library",
   "scripts": {
     "tests": "jest",