@homebound/beam 3.12.0 → 3.12.1

package/dist/index.js

@@ -4298,17 +4298,33 @@ function Popper(props) {
     styles,
     attributes
   } = 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 createPortal(/* @__PURE__ */ jsxs("div", { ref: popperRef, ...attributes.popper, ...ariaProps, onMouseEnter, onMouseLeave, ...mergeProps_1(void 0, styles.popper, {