@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.js CHANGED
@@ -900,7 +900,7 @@ function RailShell({ nav = [], persistent = [], page: pageOverride, header, acco
900
900
  const tabs = tabsFor([{ items: [...main, ...foot] }]);
901
901
  const active = activeItem([...nav, ...persistent]);
902
902
  const place = react.useMemo(() => ({ page: pageOverride ?? active?.label }), [pageOverride, active?.label]);
903
- return /* @__PURE__ */ jsxRuntime.jsx(ShellContext.Provider, { value: place, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex h-dvh flex-col overflow-hidden bg-background", className), children: [
903
+ return /* @__PURE__ */ jsxRuntime.jsx(ShellContext.Provider, { value: place, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative flex h-dvh flex-col overflow-clip bg-background", className), children: [
904
904
  header,
905
905
  banner,
906
906
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1", children: [
@@ -1849,7 +1849,9 @@ function ToolShell({
1849
1849
  {
1850
1850
  className: cn(
1851
1851
  "flex flex-col bg-background",
1852
- app ? "h-dvh overflow-hidden" : "min-h-dvh",
1852
+ // An app frame contains what is positioned inside it (sr-only text deep in the page's own
1853
+ // scroller would otherwise size the document), and clips without becoming a scroller.
1854
+ app ? "relative h-dvh overflow-clip" : "min-h-dvh",
1853
1855
  tabs && "max-md:pb-[calc(3.5rem_+_env(safe-area-inset-bottom))]"
1854
1856
  ),
1855
1857
  children: [