@dloizides/ui-nav 1.38.0 → 1.38.1

package/dist/index.mjs

@@ -1908,7 +1908,7 @@ var styles9 = StyleSheet.create({
   // so on react-native-web it — and the nav leaves inside it — sit above the scrim
   // and receive presses instead of the scrim swallowing them.
   panel: { position: "absolute", top: 0, bottom: 0, left: 0, width: DRAWER_WIDTH, zIndex: PANEL_Z_INDEX },
-  panelFull: { width: "100%" },
+  windowFill: { right: void 0, bottom: void 0 },
   panelBody: { flex: 1 },
   menuToggle: {
     minWidth: MIN_TOUCH_TARGET,
@@ -1946,6 +1946,8 @@ var MobileDrawer = ({
   const { theme } = useUi();
   const panelRef = useRef(null);
   const isFull = width === "full";
+  const viewport = useWindowDimensions();
+  const windowSize = isFull ? [styles9.windowFill, { width: viewport.width, height: viewport.height }] : null;
   const showHeaderBar = header !== void 0 || isFull;
   useEffect(() => {
     const node = panelRef.current;
@@ -1960,7 +1962,7 @@ var MobileDrawer = ({
     node.addEventListener("click", handleClick);
     return () => node.removeEventListener("click", handleClick);
   }, [onClose]);
-  return /* @__PURE__ */ jsxs(View, { style: styles9.overlay, children: [
+  return /* @__PURE__ */ jsxs(View, { style: [styles9.overlay, windowSize], children: [
     isFull ? null : /* @__PURE__ */ jsx(
       Pressable,
       {
@@ -1978,7 +1980,7 @@ var MobileDrawer = ({
         ref: panelRef,
         "aria-modal": true,
         role: "dialog",
-        style: [styles9.panel, isFull ? styles9.panelFull : null, { backgroundColor: theme.colors.surface }],
+        style: [styles9.panel, windowSize, { backgroundColor: theme.colors.surface }],
         testID: drawerTestID,
         children: [
           showHeaderBar ? /* @__PURE__ */ jsx(