@butternutbox/pawprint-native 1.6.1 → 1.6.2

package/.turbo/turbo-build.log

@@ -7,12 +7,12 @@
 CJS Build start
 ESM Build start
 DTS Build start
-CJS dist/index.cjs     574.67 KB
+CJS dist/index.cjs     575.22 KB
 CJS dist/index.cjs.map 1.13 MB
-CJS ⚡️ Build success in 7657ms
-ESM dist/index.js     542.68 KB
+CJS ⚡️ Build success in 7644ms
+ESM dist/index.js     543.22 KB
 ESM dist/index.js.map 1.13 MB
-ESM ⚡️ Build success in 7657ms
-DTS ⚡️ Build success in 21480ms
+ESM ⚡️ Build success in 7647ms
+DTS ⚡️ Build success in 21210ms
 DTS dist/index.d.cts 114.88 KB
 DTS dist/index.d.ts  114.88 KB

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @butternutbox/pawprint-native
 
+## 1.6.2
+
+### Patch Changes
+
+- 2bdd943: fix(INC-4913): keep the searchable dropdown anchored to its field wherever the field moves
+
+  The dropdown re-measured its field only when the keyboard showed or hid. A
+  `KeyboardAwareScrollView` also scrolls the focused input while the keyboard is
+  already up — on every keystroke, and when the app asks it to re-check the
+  focused input — so the field moved and the list stayed behind the keyboard.
+
+  While open, the dropdown now measures its field each frame and moves the list
+  once the field has come to rest, whatever moved it.
+
 ## 1.6.1
 
 ### Patch Changes

package/dist/index.cjs

@@ -9072,22 +9072,32 @@ var StyledRoot14 = styled51__default.default(reactNative.View)(({ theme: theme2
     gap: parseTokenValue48(spacing.gap)
   };
 });
+var isSamePosition = (a, b) => a !== null && b !== null && a.width === b.width && a.height === b.height && a.pageX === b.pageX && a.pageY === b.pageY;
 function SelectFieldAnchor({ triggerRef, enabled }) {
-  const { setTriggerPosition } = SelectPrimitive3__namespace.useRootContext();
+  const { triggerPosition, setTriggerPosition } = SelectPrimitive3__namespace.useRootContext();
+  const anchoredRef = React66__default.default.useRef(null);
+  React66__default.default.useEffect(() => {
+    anchoredRef.current = triggerPosition != null ? triggerPosition : null;
+  }, [triggerPosition]);
   React66__default.default.useEffect(() => {
     if (!enabled) return;
-    const reanchor = () => {
+    let frame;
+    let previous = null;
+    const track = () => {
       var _a;
       (_a = triggerRef.current) == null ? void 0 : _a.measure((_x, _y, width, height, pageX, pageY) => {
-        setTriggerPosition({ width, height, pageX, pageY });
+        const measured = { width, height, pageX, pageY };
+        const settled = isSamePosition(measured, previous);
+        if (settled && !isSamePosition(measured, anchoredRef.current)) {
+          anchoredRef.current = measured;
+          setTriggerPosition(measured);
+        }
+        previous = measured;
       });
+      frame = requestAnimationFrame(track);
     };
-    const shown = reactNative.Keyboard.addListener("keyboardDidShow", reanchor);
-    const hidden = reactNative.Keyboard.addListener("keyboardDidHide", reanchor);
-    return () => {
-      shown.remove();
-      hidden.remove();
-    };
+    frame = requestAnimationFrame(track);
+    return () => cancelAnimationFrame(frame);
   }, [enabled, setTriggerPosition, triggerRef]);
   return null;
 }