react-native-grab 0.0.3 → 0.0.4

package/dist/cjs/react-native/z-index.js

@@ -27,9 +27,17 @@ const getNodeZIndex = (node) => {
     }
     return 0;
 };
-const isAbsolutePositioned = (node) => {
+const getNodePositionType = (node) => {
     const style = (0, fiber_1.getNormalizedStyle)(node);
-    return style?.position === "absolute";
+    const position = style?.position;
+    if (position === "static" || position === "relative" || position === "absolute") {
+        return position;
+    }
+    // Yoga defaults to relative positioning when `position` is not set.
+    return "relative";
+};
+const getNodeOrderIndex = (node) => {
+    return getNodePositionType(node) === "static" ? 0 : getNodeZIndex(node);
 };
 const getChildrenInHitTestOrder = (node) => {
     const children = Array.from(node.children ?? []);
@@ -37,16 +45,18 @@ const getChildrenInHitTestOrder = (node) => {
         .map((child, index) => ({
         child,
         index,
-        zIndex: getNodeZIndex(child),
-        isAbsolute: isAbsolutePositioned(child),
+        orderIndex: getNodeOrderIndex(child),
+        isStatic: getNodePositionType(child) === "static",
     }))
         .sort((a, b) => {
-        if (a.zIndex !== b.zIndex) {
-            return a.zIndex - b.zIndex;
+        if (a.orderIndex !== b.orderIndex) {
+            return a.orderIndex - b.orderIndex;
         }
-        if (a.isAbsolute !== b.isAbsolute) {
-            return a.isAbsolute ? 1 : -1;
+        // RN keeps static siblings before non-static siblings for equal orderIndex.
+        if (a.isStatic !== b.isStatic) {
+            return a.isStatic ? -1 : 1;
         }
+        // Preserve sibling insertion order for fully-equal ranking.
         return a.index - b.index;
     })
         .map(({ child }) => child);

package/dist/cjs/react-native/z-index.js.map

@@ -1 +1 @@
-{"version":3,"file":"z-index.js","sourceRoot":"","sources":["../../../src/react-native/z-index.ts"],"names":[],"mappings":";;;AAAA,mCAA+D;AAG/D,MAAM,QAAQ,GAAG,CAAC,KAAc,EAAsB,EAAE;IACtD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QACxD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YAC5B,OAAO,MAAM,CAAC;QAChB,CAAC;IACH,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,IAAgB,EAAU,EAAE;IACjD,MAAM,KAAK,GAAG,IAAA,wBAAgB,EAAC,IAAI,CAAC,CAAC;IACrC,MAAM,eAAe,GAAG,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAChD,IAAI,eAAe,IAAI,IAAI,EAAE,CAAC;QAC5B,OAAO,eAAe,CAAC;IACzB,CAAC;IAED,MAAM,KAAK,GAAG,IAAA,0BAAkB,EAAC,IAAI,CAAC,CAAC;IACvC,MAAM,eAAe,GAAG,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAChD,IAAI,eAAe,IAAI,IAAI,EAAE,CAAC;QAC5B,OAAO,eAAe,CAAC;IACzB,CAAC;IAED,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,IAAgB,EAAW,EAAE;IACzD,MAAM,KAAK,GAAG,IAAA,0BAAkB,EAAC,IAAI,CAAC,CAAC;IACvC,OAAO,KAAK,EAAE,QAAQ,KAAK,UAAU,CAAC;AACxC,CAAC,CAAC;AAEK,MAAM,yBAAyB,GAAG,CAAC,IAAgB,EAAgB,EAAE;IAC1E,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IACjD,OAAO,QAAQ;SACZ,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QACtB,KAAK;QACL,KAAK;QACL,MAAM,EAAE,aAAa,CAAC,KAAK,CAAC;QAC5B,UAAU,EAAE,oBAAoB,CAAC,KAAK,CAAC;KACxC,CAAC,CAAC;SACF,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACb,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,EAAE,CAAC;YAC1B,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC;QAC7B,CAAC;QACD,IAAI,CAAC,CAAC,UAAU,KAAK,CAAC,CAAC,UAAU,EAAE,CAAC;YAClC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/B,CAAC;QACD,OAAO,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;IAC3B,CAAC,CAAC;SACD,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC;AAC/B,CAAC,CAAC;AAnBW,QAAA,yBAAyB,6BAmBpC"}
+{"version":3,"file":"z-index.js","sourceRoot":"","sources":["../../../src/react-native/z-index.ts"],"names":[],"mappings":"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"}

package/dist/esm/react-native/__tests__/dom-traversal.test.js

@@ -0,0 +1,158 @@
+import { describe, expect, it } from "vitest";
+import { startSession } from "../dom-traversal";
+import { appendChild, createMockNode, createRoot, finalizeTree } from "./mock-dom";
+const createSession = (root) => {
+    return startSession({
+        anchorRef: { current: root },
+        skipRefs: [],
+    });
+};
+const hitNameAt = (root, x, y) => {
+    const session = createSession(root);
+    const hit = session.move({ x, y });
+    session.stop();
+    return hit?.node ? hit.node.name : null;
+};
+describe("dom traversal hit testing", () => {
+    it("uses child-first fallback for pointerEvents:auto", () => {
+        const root = createRoot({ rect: { x: 0, y: 0, width: 100, height: 100 } });
+        const child = createMockNode({
+            name: "child",
+            rect: { x: 10, y: 10, width: 20, height: 20 },
+        });
+        appendChild(root, child);
+        finalizeTree(root);
+        expect(hitNameAt(root, 15, 15)).toBe("child");
+        expect(hitNameAt(root, 2, 2)).toBe("root");
+    });
+    it("respects pointerEvents box-only", () => {
+        const root = createRoot({
+            rect: { x: 0, y: 0, width: 100, height: 100 },
+            pointerEvents: "box-only",
+        });
+        const child = createMockNode({
+            name: "child",
+            rect: { x: 10, y: 10, width: 20, height: 20 },
+        });
+        appendChild(root, child);
+        finalizeTree(root);
+        expect(hitNameAt(root, 15, 15)).toBe("root");
+    });
+    it("respects pointerEvents box-none", () => {
+        const root = createRoot({
+            rect: { x: 0, y: 0, width: 100, height: 100 },
+            pointerEvents: "box-none",
+        });
+        const child = createMockNode({
+            name: "child",
+            rect: { x: 10, y: 10, width: 20, height: 20 },
+        });
+        appendChild(root, child);
+        finalizeTree(root);
+        expect(hitNameAt(root, 15, 15)).toBe("child");
+        expect(hitNameAt(root, 5, 5)).toBe(null);
+    });
+    it("respects pointerEvents none", () => {
+        const root = createRoot({
+            rect: { x: 0, y: 0, width: 100, height: 100 },
+            pointerEvents: "none",
+        });
+        const child = createMockNode({
+            name: "child",
+            rect: { x: 10, y: 10, width: 20, height: 20 },
+        });
+        appendChild(root, child);
+        finalizeTree(root);
+        expect(hitNameAt(root, 15, 15)).toBe(null);
+    });
+    it("honors zIndex for overlapping siblings", () => {
+        const root = createRoot({ rect: { x: 0, y: 0, width: 120, height: 120 } });
+        const back = createMockNode({
+            name: "back",
+            rect: { x: 20, y: 20, width: 80, height: 80 },
+            style: { zIndex: 0 },
+        });
+        const front = createMockNode({
+            name: "front",
+            rect: { x: 20, y: 20, width: 80, height: 80 },
+            style: { zIndex: 10, position: "absolute" },
+        });
+        appendChild(root, back);
+        appendChild(root, front);
+        finalizeTree(root);
+        expect(hitNameAt(root, 40, 40)).toBe("front");
+    });
+    it("can hit absolute children outside parent bounds when overflow is visible", () => {
+        const root = createRoot({ rect: { x: 0, y: 0, width: 220, height: 220 } });
+        const parent = createMockNode({
+            name: "parent",
+            rect: { x: 50, y: 50, width: 100, height: 100 },
+            style: { overflow: "visible" },
+        });
+        const badge = createMockNode({
+            name: "badge",
+            rect: { x: 130, y: 35, width: 30, height: 20 },
+            style: { position: "absolute", zIndex: 2 },
+        });
+        appendChild(root, parent);
+        appendChild(parent, badge);
+        finalizeTree(root);
+        expect(hitNameAt(root, 135, 40)).toBe("badge");
+    });
+    it("clips outside-parent hits when overflow is hidden", () => {
+        const root = createRoot({ rect: { x: 0, y: 0, width: 220, height: 220 } });
+        const parent = createMockNode({
+            name: "parent",
+            rect: { x: 50, y: 50, width: 100, height: 100 },
+            style: { overflow: "hidden" },
+        });
+        const badge = createMockNode({
+            name: "badge",
+            rect: { x: 130, y: 35, width: 30, height: 20 },
+            style: { position: "absolute", zIndex: 2 },
+        });
+        appendChild(root, parent);
+        appendChild(parent, badge);
+        finalizeTree(root);
+        expect(hitNameAt(root, 135, 40)).toBe("root");
+    });
+    it("treats right/bottom edges as out-of-bounds", () => {
+        const root = createRoot({ rect: { x: 0, y: 0, width: 100, height: 100 } });
+        const child = createMockNode({
+            name: "child",
+            rect: { x: 10, y: 10, width: 20, height: 20 },
+        });
+        appendChild(root, child);
+        finalizeTree(root);
+        expect(hitNameAt(root, 30, 15)).toBe("root");
+        expect(hitNameAt(root, 15, 30)).toBe("root");
+    });
+    it("selects an absolute badge in a card fixture similar to explore screen", () => {
+        const root = createRoot({ rect: { x: 0, y: 0, width: 360, height: 640 } });
+        const card = createMockNode({
+            name: "card",
+            rect: { x: 40, y: 120, width: 200, height: 140 },
+            style: { overflow: "visible", borderRadius: 12 },
+        });
+        const image = createMockNode({
+            name: "image",
+            rect: { x: 40, y: 120, width: 200, height: 88 },
+        });
+        const content = createMockNode({
+            name: "content",
+            rect: { x: 40, y: 208, width: 200, height: 52 },
+        });
+        const badge = createMockNode({
+            name: "badge",
+            rect: { x: 180, y: 110, width: 64, height: 24 },
+            style: { position: "absolute", zIndex: 20 },
+        });
+        appendChild(root, card);
+        appendChild(card, badge);
+        appendChild(card, image);
+        appendChild(card, content);
+        finalizeTree(root);
+        expect(hitNameAt(root, 190, 116)).toBe("badge");
+    });
+});
+//# sourceMappingURL=dom-traversal.test.js.map

package/dist/esm/react-native/__tests__/dom-traversal.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-traversal.test.js","sourceRoot":"","sources":["../../../../src/react-native/__tests__/dom-traversal.test.ts"],"names":[],"mappings":"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"}

package/dist/esm/react-native/__tests__/mock-dom.js

@@ -0,0 +1,58 @@
+const createFiberHandle = (style, pointerEvents, extraProps) => {
+    return {
+        tag: 5,
+        stateNode: {
+            canonical: {
+                currentProps: {
+                    ...extraProps,
+                    ...(pointerEvents ? { pointerEvents } : null),
+                    ...(style ? { style } : null),
+                },
+            },
+        },
+    };
+};
+export const createMockNode = ({ name, rect, style, pointerEvents, hasFiber = true, tagName = "RN:View", props = {}, }) => {
+    const node = {
+        name,
+        tagName,
+        parentElement: null,
+        children: [],
+        childElementCount: 0,
+        getBoundingClientRect: () => rect,
+        contains(target) {
+            if (!target)
+                return false;
+            if (target === node)
+                return true;
+            return node.children.some((child) => child.contains(target));
+        },
+        __internalInstanceHandle: hasFiber
+            ? createFiberHandle(style, pointerEvents, props)
+            : undefined,
+    };
+    return node;
+};
+export const appendChild = (parent, child) => {
+    parent.children.push(child);
+    parent.childElementCount = parent.children.length;
+    child.parentElement = parent;
+};
+const setRootView = (node, root) => {
+    node.__rootView = root;
+    for (const child of node.children) {
+        setRootView(child, root);
+    }
+};
+export const createRoot = ({ name = "root", rect = { x: 0, y: 0, width: 400, height: 800 }, style, pointerEvents, props, } = {}) => {
+    const root = createMockNode({ name, rect, style, pointerEvents, props });
+    root.ownerDocument = {
+        documentElement: root,
+    };
+    setRootView(root, root);
+    return root;
+};
+export const finalizeTree = (root) => {
+    setRootView(root, root);
+};
+//# sourceMappingURL=mock-dom.js.map

package/dist/esm/react-native/__tests__/mock-dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mock-dom.js","sourceRoot":"","sources":["../../../../src/react-native/__tests__/mock-dom.ts"],"names":[],"mappings":"AAkBA,MAAM,iBAAiB,GAAG,CACxB,KAA0C,EAC1C,aAA+C,EAC/C,UAAmC,EACnC,EAAE;IACF,OAAO;QACL,GAAG,EAAE,CAAC;QACN,SAAS,EAAE;YACT,SAAS,EAAE;gBACT,YAAY,EAAE;oBACZ,GAAG,UAAU;oBACb,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;oBAC7C,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;iBAC9B;aACF;SACF;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,aAAa,EACb,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,EAAE,GACM,EAAY,EAAE;IAC9B,MAAM,IAAI,GAAG;QACX,IAAI;QACJ,OAAO;QACP,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,EAAgB;QAC1B,iBAAiB,EAAE,CAAC;QACpB,qBAAqB,EAAE,GAAG,EAAE,CAAC,IAAI;QACjC,QAAQ,CAAC,MAAqC;YAC5C,IAAI,CAAC,MAAM;gBAAE,OAAO,KAAK,CAAC;YAC1B,IAAI,MAAM,KAAK,IAAI;gBAAE,OAAO,IAAI,CAAC;YACjC,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;QAC/D,CAAC;QACD,wBAAwB,EAAE,QAAQ;YAChC,CAAC,CAAC,iBAAiB,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,CAAC;YAChD,CAAC,CAAC,SAAS;KACK,CAAC;IAErB,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAgB,EAAE,KAAe,EAAE,EAAE;IAC/D,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,MAAM,CAAC,iBAAiB,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;IAClD,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;AAC/B,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,IAAc,EAAE,IAAc,EAAE,EAAE;IACrD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACvB,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC3B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,GAAG,MAAM,EACb,IAAI,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,EAC9C,KAAK,EACL,aAAa,EACb,KAAK,MAIH,EAAE,EAAY,EAAE;IAClB,MAAM,IAAI,GAAG,cAAc,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC;IACzE,IAAI,CAAC,aAAa,GAAG;QACnB,eAAe,EAAE,IAAI;KACtB,CAAC;IACF,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACxB,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAc,EAAE,EAAE;IAC7C,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAC1B,CAAC,CAAC"}

package/dist/esm/react-native/__tests__/setup.js

@@ -0,0 +1,41 @@
+import { vi } from "vitest";
+const flattenStyle = (style) => {
+    if (style == null) {
+        return undefined;
+    }
+    if (Array.isArray(style)) {
+        const merged = {};
+        for (const item of style) {
+            const next = flattenStyle(item);
+            if (!next)
+                continue;
+            Object.assign(merged, next);
+        }
+        return merged;
+    }
+    if (typeof style === "object") {
+        return { ...style };
+    }
+    return undefined;
+};
+vi.mock("react-native", () => {
+    return {
+        StyleSheet: {
+            flatten: flattenStyle,
+        },
+    };
+});
+vi.mock("react-native/Libraries/Debugging/DebuggingOverlayRegistry", () => {
+    return {
+        default: {
+            __findLowestParentFromRegistryForInstance(node) {
+                return {
+                    rootViewRef: {
+                        current: node.__rootView ?? node,
+                    },
+                };
+            },
+        },
+    };
+});
+//# sourceMappingURL=setup.js.map

package/dist/esm/react-native/__tests__/setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.js","sourceRoot":"","sources":["../../../../src/react-native/__tests__/setup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE5B,MAAM,YAAY,GAAG,CAAC,KAAc,EAAuC,EAAE;IAC3E,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAClB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,MAAM,MAAM,GAA4B,EAAE,CAAC;QAC3C,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;YAChC,IAAI,CAAC,IAAI;gBAAE,SAAS;YACpB,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAC9B,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,EAAE,GAAI,KAAiC,EAAE,CAAC;IACnD,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,GAAG,EAAE;IAC3B,OAAO;QACL,UAAU,EAAE;YACV,OAAO,EAAE,YAAY;SACtB;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,IAAI,CAAC,2DAA2D,EAAE,GAAG,EAAE;IACxE,OAAO;QACL,OAAO,EAAE;YACP,yCAAyC,CAAC,IAA8B;gBACtE,OAAO;oBACL,WAAW,EAAE;wBACX,OAAO,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI;qBACjC;iBACF,CAAC;YACJ,CAAC;SACF;KACF,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/esm/react-native/__tests__/z-index.test.js

@@ -0,0 +1,104 @@
+import { describe, expect, it } from "vitest";
+import { appendChild, createMockNode, createRoot, finalizeTree } from "./mock-dom";
+import { getChildrenInHitTestOrder } from "../z-index";
+describe("getChildrenInHitTestOrder", () => {
+    it("orders by zIndex ascending", () => {
+        const root = createRoot();
+        const c1 = createMockNode({
+            name: "c1",
+            rect: { x: 0, y: 0, width: 10, height: 10 },
+            style: { zIndex: 3 },
+        });
+        const c2 = createMockNode({
+            name: "c2",
+            rect: { x: 0, y: 0, width: 10, height: 10 },
+            style: { zIndex: 1 },
+        });
+        const c3 = createMockNode({
+            name: "c3",
+            rect: { x: 0, y: 0, width: 10, height: 10 },
+            style: { zIndex: 2 },
+        });
+        appendChild(root, c1);
+        appendChild(root, c2);
+        appendChild(root, c3);
+        finalizeTree(root);
+        expect(getChildrenInHitTestOrder(root).map((n) => n.name)).toEqual([
+            "c2",
+            "c3",
+            "c1",
+        ]);
+    });
+    it("supports negative zIndex", () => {
+        const root = createRoot();
+        const low = createMockNode({
+            name: "low",
+            rect: { x: 0, y: 0, width: 10, height: 10 },
+            style: { zIndex: -10 },
+        });
+        const mid = createMockNode({
+            name: "mid",
+            rect: { x: 0, y: 0, width: 10, height: 10 },
+            style: { zIndex: 0 },
+        });
+        const high = createMockNode({
+            name: "high",
+            rect: { x: 0, y: 0, width: 10, height: 10 },
+            style: { zIndex: 10 },
+        });
+        appendChild(root, mid);
+        appendChild(root, high);
+        appendChild(root, low);
+        finalizeTree(root);
+        expect(getChildrenInHitTestOrder(root).map((n) => n.name)).toEqual([
+            "low",
+            "mid",
+            "high",
+        ]);
+    });
+    it("preserves sibling order when order index matches", () => {
+        const root = createRoot();
+        const a = createMockNode({
+            name: "a",
+            rect: { x: 0, y: 0, width: 10, height: 10 },
+        });
+        const b = createMockNode({
+            name: "b",
+            rect: { x: 0, y: 0, width: 10, height: 10 },
+        });
+        const c = createMockNode({
+            name: "c",
+            rect: { x: 0, y: 0, width: 10, height: 10 },
+        });
+        appendChild(root, a);
+        appendChild(root, b);
+        appendChild(root, c);
+        finalizeTree(root);
+        expect(getChildrenInHitTestOrder(root).map((n) => n.name)).toEqual([
+            "a",
+            "b",
+            "c",
+        ]);
+    });
+    it("puts static nodes before non-static nodes for equal order index", () => {
+        const root = createRoot();
+        const staticNode = createMockNode({
+            name: "static",
+            rect: { x: 0, y: 0, width: 10, height: 10 },
+            style: { position: "static", zIndex: 999 },
+        });
+        const relativeNode = createMockNode({
+            name: "relative",
+            rect: { x: 0, y: 0, width: 10, height: 10 },
+            style: { position: "relative" },
+        });
+        appendChild(root, relativeNode);
+        appendChild(root, staticNode);
+        finalizeTree(root);
+        expect(getChildrenInHitTestOrder(root).map((n) => n.name)).toEqual([
+            "static",
+            "relative",
+        ]);
+    });
+});
+//# sourceMappingURL=z-index.test.js.map

package/dist/esm/react-native/__tests__/z-index.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-index.test.js","sourceRoot":"","sources":["../../../../src/react-native/__tests__/z-index.test.ts"],"names":[],"mappings":"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"}

package/dist/esm/react-native/dom-traversal.js

@@ -1,13 +1,10 @@
 import DebuggingOverlayRegistry from "react-native/Libraries/Debugging/DebuggingOverlayRegistry";
-import { getMemoizedProps, hasFiberNodeInInternalInstanceHandle } from "./fiber";
+import { getMemoizedProps, getNormalizedStyle, hasFiberNodeInInternalInstanceHandle, } from "./fiber";
 import { getPointerEventsMode, isNodeDisplayed } from "./pointer-events";
 import { getChildrenInHitTestOrder } from "./z-index";
 const key = Object.getOwnPropertyNames(DebuggingOverlayRegistry).find((key) => key.endsWith("findLowestParentFromRegistryForInstance"));
 const findLowestParentFromRegistryForInstance = DebuggingOverlayRegistry[key].bind(DebuggingOverlayRegistry);
 const RULE_REJECT = 1 << 0;
-const RULE_DISABLE_SELF_HIT = 1 << 1;
-const RULE_DISABLE_CHILD_TRAVERSAL = 1 << 2;
-const RULE_STOP_HIT_RULES = 1 << 3;
 const getRootNode = (anchorRef) => {
     const anchor = anchorRef.current;
     return anchor?.ownerDocument?.documentElement ?? null;
@@ -21,7 +18,7 @@ const hasPointInBounds = (rectX, rectY, rectWidth, rectHeight, x, y) => {
     if (rectWidth <= 0 || rectHeight <= 0) {
         return false;
     }
-    return x >= rectX && x <= rectX + rectWidth && y >= rectY && y <= rectY + rectHeight;
+    return x >= rectX && x < rectX + rectWidth && y >= rectY && y < rectY + rectHeight;
 };
 const getElementHighlightRect = (element, rootViewInstance) => {
     const { x, y, width, height } = element.getBoundingClientRect();
@@ -100,34 +97,32 @@ const rnsVisibilityRule = (node) => {
     }
     return 0;
 };
-const boundsRule = (_node, rectX, rectY, rectWidth, rectHeight, x, y) => {
-    if (!hasPointInBounds(rectX, rectY, rectWidth, rectHeight, x, y)) {
-        return RULE_DISABLE_SELF_HIT | RULE_STOP_HIT_RULES;
-    }
-    return 0;
-};
-const interactivityRule = (node, _rectX, _rectY, _rectWidth, _rectHeight, _x, _y, flags) => {
-    if ((flags & RULE_STOP_HIT_RULES) !== 0) {
-        return 0;
-    }
+const getHitTargetCapabilities = (node) => {
     if (!isNodeDisplayed(node)) {
-        return RULE_REJECT;
+        return null;
     }
     const pointerEvents = getPointerEventsMode(node);
     if (pointerEvents === "none") {
-        return RULE_REJECT;
+        return null;
     }
     const hasFiberNode = hasFiberNodeInInternalInstanceHandle(node);
-    if (!hasFiberNode) {
-        return RULE_DISABLE_SELF_HIT;
-    }
-    if (pointerEvents === "box-only") {
-        return RULE_DISABLE_CHILD_TRAVERSAL;
-    }
-    if (pointerEvents === "box-none") {
-        return RULE_DISABLE_SELF_HIT;
+    const canBeTouchTarget = hasFiberNode && (pointerEvents === "auto" || pointerEvents === "box-only");
+    const canChildrenBeTouchTarget = pointerEvents === "auto" || pointerEvents === "box-none";
+    if (!canBeTouchTarget && !canChildrenBeTouchTarget) {
+        return null;
     }
-    return 0;
+    return {
+        canBeTouchTarget,
+        canChildrenBeTouchTarget,
+    };
+};
+const shouldClipOverflow = (node) => {
+    const style = getNormalizedStyle(node);
+    const overflow = style?.overflow;
+    // Fabric uses layout overflow insets in hit testing. Those insets are not exposed
+    // in this DOM traversal API, so we approximate by clipping when explicit overflow
+    // behavior is hidden/scroll and otherwise allow overflow hits.
+    return overflow === "hidden" || overflow === "scroll";
 };
 const safeAreaStateRule = (node, rectHeight, runtime, state) => {
     if (node.tagName !== "RN:RNSSafeAreaView") {
@@ -151,7 +146,6 @@ const modalStateRule = (node, _rectHeight, _runtime, state) => {
     }
 };
 const NODE_RULES = [skipRule, rnsVisibilityRule];
-const HIT_RULES = [boundsRule, interactivityRule];
 const STATE_RULES = [safeAreaStateRule, modalStateRule];
 const applyNodeRules = (node, runtime) => {
     let flags = 0;
@@ -163,16 +157,6 @@ const applyNodeRules = (node, runtime) => {
     }
     return flags;
 };
-const applyHitRules = (node, rectX, rectY, rectWidth, rectHeight, x, y) => {
-    let flags = 0;
-    for (let i = 0; i < HIT_RULES.length; i++) {
-        flags |= HIT_RULES[i](node, rectX, rectY, rectWidth, rectHeight, x, y, flags);
-        if ((flags & RULE_REJECT) !== 0 || (flags & RULE_STOP_HIT_RULES) !== 0) {
-            break;
-        }
-    }
-    return flags;
-};
 const applyStateRules = (node, rectHeight, runtime, state) => {
     for (let i = 0; i < STATE_RULES.length; i++) {
         STATE_RULES[i](node, rectHeight, runtime, state);
@@ -184,17 +168,28 @@ const findHitTargetFromNode = (node, runtime, state, x, y) => {
     const rectY = baseRect.y + state.yOffset;
     const rectWidth = baseRect.width;
     const rectHeight = baseRect.height;
-    let flags = applyNodeRules(node, runtime);
-    if ((flags & RULE_REJECT) !== 0) {
+    const nodeFlags = applyNodeRules(node, runtime);
+    if ((nodeFlags & RULE_REJECT) !== 0) {
+        return null;
+    }
+    const capabilities = getHitTargetCapabilities(node);
+    if (!capabilities) {
         return null;
     }
-    flags |= applyHitRules(node, rectX, rectY, rectWidth, rectHeight, x, y);
-    if ((flags & RULE_REJECT) !== 0) {
+    const isPointInside = hasPointInBounds(rectX, rectY, rectWidth, rectHeight, x, y);
+    if (isPointInside && !capabilities.canChildrenBeTouchTarget) {
+        if (!capabilities.canBeTouchTarget) {
+            return null;
+        }
+        return {
+            node,
+            rect: { x: rectX, y: rectY, width: rectWidth, height: rectHeight },
+        };
+    }
+    if (!isPointInside && shouldClipOverflow(node)) {
         return null;
     }
-    const allowSelfHit = (flags & RULE_DISABLE_SELF_HIT) === 0;
-    const allowChildTraversal = (flags & RULE_DISABLE_CHILD_TRAVERSAL) === 0;
-    if (allowChildTraversal) {
+    if (capabilities.canChildrenBeTouchTarget) {
         const previousYOffset = state.yOffset;
         runtime.ancestorChain.push(node);
         applyStateRules(node, rectHeight, runtime, state);
@@ -210,7 +205,7 @@ const findHitTargetFromNode = (node, runtime, state, x, y) => {
         runtime.ancestorChain.pop();
         state.yOffset = previousYOffset;
     }
-    if (!allowSelfHit) {
+    if (!isPointInside || !capabilities.canBeTouchTarget) {
         return null;
     }
     return {