@spscommerce/ds-react 6.17.1 → 6.17.2

package/lib/index.es.js

@@ -2221,11 +2221,33 @@ const SpsOptionList = React.forwardRef((props2, ref2) => {
   const portal = usePortal("sps-option-list-portal");
   const portalContext = React.useContext(PortalContext);
   const [primePosition, altPosition] = positionOverride || [Position.BOTTOM_LEFT, Position.TOP_LEFT];
-  const [posStyle, openingUpward] = isOpen ? getPosition(rootRef, attachTo, primePosition, __spreadValues({
-    altPosition,
-    setMinWidth: !ignoreWidthStyles,
-    setWidth: !ignoreWidthStyles && conformWidth
-  }, portalContext)) : [{}, false];
+  const [[posStyle, openingUpward], setPositionData] = React.useState([{}, false]);
+  React.useEffect(() => {
+    if (isOpen) {
+      setPositionData(getPosition(rootRef, attachTo, primePosition, __spreadValues({
+        altPosition,
+        setMinWidth: !ignoreWidthStyles,
+        setWidth: !ignoreWidthStyles && conformWidth
+      }, portalContext)));
+    } else {
+      setPositionData([{}, false]);
+    }
+  }, [isOpen, primePosition, altPosition]);
+  React.useEffect(() => {
+    const onScroll = () => {
+      if (isOpen) {
+        setPositionData(getPosition(rootRef, attachTo, primePosition, __spreadValues({
+          altPosition,
+          setMinWidth: !ignoreWidthStyles,
+          setWidth: !ignoreWidthStyles && conformWidth
+        }, portalContext)));
+      }
+    };
+    document.addEventListener("scroll", onScroll);
+    return () => {
+      document.removeEventListener("scroll", onScroll);
+    };
+  }, [isOpen]);
   const searchInputRef = React.useRef(null);
   const [
     searchElement,
@@ -21615,6 +21637,21 @@ function SpsTooltip({
       setPositionData([{}, false]);
     }
   }, [shown, position3, altPosition, offsets[0], offsets[1], children]);
+  React.useEffect(() => {
+    const onScroll = () => {
+      if (shown) {
+        setPositionData(getPosition(rootElement, forElementRef, position3, __spreadValues({
+          altPosition,
+          setMinWidth: false,
+          offsets: [offsets[0] - CARET_SPACING_PX, offsets[1] + getSecondaryOffset(position3)]
+        }, portalContext)));
+      }
+    };
+    document.addEventListener("scroll", onScroll);
+    return () => {
+      document.removeEventListener("scroll", onScroll);
+    };
+  }, [shown]);
   const classes = clsx(unsafelyReplaceClassName || "sps-tooltip", "z-stratum-tip", `sps-tooltip--${kind}`, `sps-tooltip--pos-${(altPositionUsed ? altPosition : position3).replace(" ", "-")}`, shown && "sps-tooltip--shown", className);
   return portal(/* @__PURE__ */ React.createElement("div", {
     role: "tooltip",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "6.17.1",
+  "version": "6.17.2",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-react",
@@ -28,10 +28,10 @@
   },
   "peerDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "6.17.1",
-    "@spscommerce/ds-illustrations": "6.17.1",
-    "@spscommerce/ds-shared": "6.17.1",
-    "@spscommerce/positioning": "6.17.1",
+    "@spscommerce/ds-colors": "6.17.2",
+    "@spscommerce/ds-illustrations": "6.17.2",
+    "@spscommerce/ds-shared": "6.17.2",
+    "@spscommerce/positioning": "6.17.2",
     "@spscommerce/utils": "^6.11.3",
     "moment": "^2.25.3",
     "moment-timezone": "^0.5.28",
@@ -40,10 +40,10 @@
   },
   "devDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "6.17.1",
-    "@spscommerce/ds-illustrations": "6.17.1",
-    "@spscommerce/ds-shared": "6.17.1",
-    "@spscommerce/positioning": "6.17.1",
+    "@spscommerce/ds-colors": "6.17.2",
+    "@spscommerce/ds-illustrations": "6.17.2",
+    "@spscommerce/ds-shared": "6.17.2",
+    "@spscommerce/positioning": "6.17.2",
     "@spscommerce/utils": "^6.11.3",
     "@testing-library/react": "^9.3.2",
     "@types/prop-types": "^15.7.1",