@broberg/app-shell 0.22.0 → 0.22.2

package/dist/preact.js

@@ -576,7 +576,7 @@ function ItemActionsMenu(props) {
   useLayoutEffect(() => {
     const r = props.anchor.getBoundingClientRect();
     const vw = window.innerWidth, vh = window.innerHeight, m = 8;
-    const w = Math.min(240, vw - 2 * m);
+    const w = Math.min(Math.max(240, menu.current?.offsetWidth ?? 0), vw - 2 * m);
     const h = menu.current?.offsetHeight ?? 0;
     const start = props.placement === "up-start";
     const left = Math.max(m, Math.min(start ? r.left : r.right - w, vw - w - m));
@@ -584,7 +584,7 @@ function ItemActionsMenu(props) {
     const fitsAbove = r.top - 4 - h >= m;
     const below = start ? !fitsAbove : props.placement === "down" || fitsBelow || !fitsAbove;
     const top = below ? Math.min(r.bottom + 4, vh - m - h) : r.top - 4 - h;
-    setPos({ position: "fixed", left: `${left}px`, top: `${Math.max(m, top)}px`, width: `${w}px` });
+    setPos({ position: "fixed", left: `${left}px`, top: `${Math.max(m, top)}px` });
   }, [stack.length]);
   useLayoutEffect(() => {
     if (!pos) return;
@@ -668,7 +668,7 @@ function ItemActionsMenu(props) {
       tabIndex: -1,
       "aria-label": view.kind === "list" && view.title ? view.title : props.label,
       "data-testid": `${pre}-menu`,
-      style: pos ?? { position: "fixed", visibility: "hidden" },
+      style: pos ?? { position: "fixed", left: "0px", top: "0px", visibility: "hidden" },
       onKeyDown,
       children: [
         stack.length > 1 ? /* @__PURE__ */ jsxs("button", { type: "button", class: "bas-rowmenu__back", "data-testid": `${pre}-back`, "aria-label": t.back, onClick: back, children: [
@@ -1482,13 +1482,16 @@ function UserMenu(p) {
           ] })
         ] }) })
       ] }) : null,
-      p.onSignOut ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("div", { class: "bas-sep" }),
-        /* @__PURE__ */ jsxs("button", { type: "button", class: "bas-mi is-danger", role: "menuitem", "data-testid": "topbar-sign-out", disabled: busy, onClick: () => void signOut(), children: [
-          /* @__PURE__ */ jsx(IconLogOut, {}),
-          /* @__PURE__ */ jsx("span", { children: t.signOut })
+      p.onSignOut ? (
+        // F092.34 — its own block, so the sidebar menu can pin it to the bottom while the middle scrolls.
+        /* @__PURE__ */ jsxs("div", { class: "bas-menu__foot", children: [
+          /* @__PURE__ */ jsx("div", { class: "bas-sep" }),
+          /* @__PURE__ */ jsxs("button", { type: "button", class: "bas-mi is-danger", role: "menuitem", "data-testid": "topbar-sign-out", disabled: busy, onClick: () => void signOut(), children: [
+            /* @__PURE__ */ jsx(IconLogOut, {}),
+            /* @__PURE__ */ jsx("span", { children: t.signOut })
+          ] })
         ] })
-      ] }) : null
+      ) : null
     ] }) : null
   ] });
 }