@orangecheck/app-design 1.6.1 → 1.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/chrome.mjs CHANGED
@@ -871,7 +871,7 @@ function RailShell({ nav = [], persistent = [], page: pageOverride, header, acco
871
871
  const tabs = tabsFor([{ items: [...main, ...foot] }]);
872
872
  const active = activeItem([...nav, ...persistent]);
873
873
  const place = useMemo(() => ({ page: pageOverride ?? active?.label }), [pageOverride, active?.label]);
874
- return /* @__PURE__ */ jsx(ShellContext.Provider, { value: place, children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs("div", { className: cn("flex h-dvh flex-col overflow-hidden bg-background", className), children: [
874
+ return /* @__PURE__ */ jsx(ShellContext.Provider, { value: place, children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs("div", { className: cn("relative flex h-dvh flex-col overflow-clip bg-background", className), children: [
875
875
  header,
876
876
  banner,
877
877
  /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1", children: [
@@ -1820,7 +1820,9 @@ function ToolShell({
1820
1820
  {
1821
1821
  className: cn(
1822
1822
  "flex flex-col bg-background",
1823
- app ? "h-dvh overflow-hidden" : "min-h-dvh",
1823
+ // An app frame contains what is positioned inside it (sr-only text deep in the page's own
1824
+ // scroller would otherwise size the document), and clips without becoming a scroller.
1825
+ app ? "relative h-dvh overflow-clip" : "min-h-dvh",
1824
1826
  tabs && "max-md:pb-[calc(3.5rem_+_env(safe-area-inset-bottom))]"
1825
1827
  ),
1826
1828
  children: [