@beweco/aurora-ui 0.6.57-qa.63 → 0.6.57-qa.65

package/dist/index.cjs.js

@@ -4019,19 +4019,40 @@ var Phone = function (_a) {
         }
     }, [isDropdownOpen]);
     React.useEffect(function () {
+        if (!isDropdownOpen)
+            return;
         var handleClickOutside = function (event) {
+            // Ignore synthetic events (e.g. dispatched by scroll-close hooks)
+            if (!event.isTrusted)
+                return;
+            var target = event.target;
             if (dropdownRef.current &&
-                !dropdownRef.current.contains(event.target) &&
+                !dropdownRef.current.contains(target) &&
                 portalDropdownRef.current &&
-                !portalDropdownRef.current.contains(event.target)) {
+                !portalDropdownRef.current.contains(target)) {
                 setIsDropdownOpen(false);
             }
         };
-        if (isDropdownOpen) {
+        // Close on scroll outside the dropdown (e.g. parent container scrolls)
+        var handleScroll = function (event) {
+            var _a;
+            var target = event.target;
+            if (target && ((_a = portalDropdownRef.current) === null || _a === void 0 ? void 0 : _a.contains(target)))
+                return;
+            setIsDropdownOpen(false);
+        };
+        // Defer listener registration to the next frame so the same
+        // tap/click that opened the dropdown cannot immediately close it.
+        var rafId = requestAnimationFrame(function () {
+            document.addEventListener("pointerdown", handleClickOutside);
             document.addEventListener("mousedown", handleClickOutside);
-        }
+            window.addEventListener("scroll", handleScroll, { capture: true, passive: true });
+        });
         return function () {
+            cancelAnimationFrame(rafId);
+            document.removeEventListener("pointerdown", handleClickOutside);
             document.removeEventListener("mousedown", handleClickOutside);
+            window.removeEventListener("scroll", handleScroll, true);
         };
     }, [isDropdownOpen]);
     // El dropdown se portea a `body` con posición absoluta fija; cerrarlo cuando

package/dist/index.esm.js

@@ -4020,19 +4020,40 @@ var Phone = function (_a) {
         }
     }, [isDropdownOpen]);
     useEffect(function () {
+        if (!isDropdownOpen)
+            return;
         var handleClickOutside = function (event) {
+            // Ignore synthetic events (e.g. dispatched by scroll-close hooks)
+            if (!event.isTrusted)
+                return;
+            var target = event.target;
             if (dropdownRef.current &&
-                !dropdownRef.current.contains(event.target) &&
+                !dropdownRef.current.contains(target) &&
                 portalDropdownRef.current &&
-                !portalDropdownRef.current.contains(event.target)) {
+                !portalDropdownRef.current.contains(target)) {
                 setIsDropdownOpen(false);
             }
         };
-        if (isDropdownOpen) {
+        // Close on scroll outside the dropdown (e.g. parent container scrolls)
+        var handleScroll = function (event) {
+            var _a;
+            var target = event.target;
+            if (target && ((_a = portalDropdownRef.current) === null || _a === void 0 ? void 0 : _a.contains(target)))
+                return;
+            setIsDropdownOpen(false);
+        };
+        // Defer listener registration to the next frame so the same
+        // tap/click that opened the dropdown cannot immediately close it.
+        var rafId = requestAnimationFrame(function () {
+            document.addEventListener("pointerdown", handleClickOutside);
             document.addEventListener("mousedown", handleClickOutside);
-        }
+            window.addEventListener("scroll", handleScroll, { capture: true, passive: true });
+        });
         return function () {
+            cancelAnimationFrame(rafId);
+            document.removeEventListener("pointerdown", handleClickOutside);
             document.removeEventListener("mousedown", handleClickOutside);
+            window.removeEventListener("scroll", handleScroll, true);
         };
     }, [isDropdownOpen]);
     // El dropdown se portea a `body` con posición absoluta fija; cerrarlo cuando

package/dist/types/components/phone/Phone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Phone.d.ts","sourceRoot":"","sources":["../../../../src/components/phone/Phone.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAOrD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8O3C,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Phone.d.ts","sourceRoot":"","sources":["../../../../src/components/phone/Phone.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAOrD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoQ3C,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@beweco/aurora-ui",
-	"version": "0.6.57-qa.63",
+	"version": "0.6.57-qa.65",
 	"description": "Bewe Aurora UI Component Library",
 	"main": "./dist/index.cjs.js",
 	"module": "./dist/index.esm.js",