@homebound/beam 3.12.0 → 3.12.2

package/dist/index.cjs

@@ -4721,17 +4721,33 @@ function Popper(props) {
     styles,
     attributes
   } = (0, import_react_popper.usePopper)(targetElement, popperRef.current, {
-    modifiers: [{
-      name: "arrow",
-      options: {
-        element: arrowRef
-      }
-    }, {
-      name: "offset",
-      options: {
-        offset: [0, 5]
+    // Use `fixed` positioning so the portaled tooltip is positioned relative to the viewport.
+    // With the default `absolute` strategy the tooltip is appended to `document.body` and counts
+    // toward the document's scroll size, so a trigger near an edge pushes the tooltip past the
+    // document bounds and introduces scrollbars / renders off-screen. `fixed` elements don't
+    // contribute to document scroll size, so they can be kept within the viewport instead.
+    strategy: "fixed",
+    modifiers: [
+      {
+        name: "arrow",
+        options: {
+          element: arrowRef
+        }
+      },
+      {
+        name: "offset",
+        options: {
+          offset: [0, 5]
+        }
+      },
+      // Keep the tooltip inside the viewport (with a small gutter) rather than overflowing it.
+      {
+        name: "preventOverflow",
+        options: {
+          padding: 8
+        }
       }
-    }],
+    ],
     placement
   });
   return (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { ref: popperRef, ...attributes.popper, ...ariaProps, onMouseEnter, onMouseLeave, ...(0, import_runtime2.mergeProps)(void 0, styles.popper, {
@@ -9563,7 +9579,7 @@ function Button(props) {
   };
   return maybeTooltip({
     title: resolveTooltip(disabled, tooltip),
-    placement: "top",
+    placement: "bottom",
     children: getButtonOrLink(buttonContent, onPress, buttonAttrs, openInNew, download)
   });
 }