@x-plat/design-system 0.14.17 → 0.14.19

package/dist/components/Dropdown/index.cjs

@@ -103,9 +103,17 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
   const sizeRef = import_react.default.useRef(null);
   const scrollParentRef = import_react.default.useRef(null);
   const placedRef = import_react.default.useRef(false);
+  const frozenMaxRef = import_react.default.useRef(void 0);
+  const cssCapRef = import_react.default.useRef(void 0);
   const calculatePosition = import_react.default.useCallback((remeasure = false) => {
     const pop = popRef.current;
     if (!triggerRef.current || !pop) return;
+    if (remeasure) frozenMaxRef.current = void 0;
+    if (cssCapRef.current === void 0) {
+      pop.style.maxHeight = "";
+      const raw = getComputedStyle(pop).maxHeight;
+      cssCapRef.current = raw === "none" ? null : Number.parseFloat(raw) || null;
+    }
     if (remeasure || !sizeRef.current) {
       sizeRef.current = {
         w: pop.offsetWidth,
@@ -127,12 +135,18 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
     };
     const first = !placedRef.current;
     if (first) pop.style.transition = "none";
-    const { direction: next, top, left, over, maxHeight } = computePlacement(
+    const cap = cssCapRef.current;
+    const desiredH = cap == null ? popH : Math.min(popH, cap);
+    const frozen = frozenMaxRef.current;
+    const effectiveH = frozen == null ? desiredH : Math.min(desiredH, frozen);
+    const { direction: next, top, left, over, maxHeight: suggested } = computePlacement(
       triggerRect,
       popW,
-      popH,
+      effectiveH,
       clip
     );
+    if (frozenMaxRef.current === void 0) frozenMaxRef.current = suggested;
+    const maxHeight = frozenMaxRef.current;
     pop.style.top = `${top + window.scrollY}px`;
     pop.style.left = `${left + window.scrollX}px`;
     pop.style.maxHeight = maxHeight === null ? "" : `${maxHeight}px`;
@@ -151,6 +165,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
       sizeRef.current = null;
       scrollParentRef.current = null;
       placedRef.current = false;
+      frozenMaxRef.current = void 0;
+      cssCapRef.current = void 0;
       return;
     }
     if (triggerRef.current) {

package/dist/components/Dropdown/index.js

@@ -67,9 +67,17 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
   const sizeRef = React.useRef(null);
   const scrollParentRef = React.useRef(null);
   const placedRef = React.useRef(false);
+  const frozenMaxRef = React.useRef(void 0);
+  const cssCapRef = React.useRef(void 0);
   const calculatePosition = React.useCallback((remeasure = false) => {
     const pop = popRef.current;
     if (!triggerRef.current || !pop) return;
+    if (remeasure) frozenMaxRef.current = void 0;
+    if (cssCapRef.current === void 0) {
+      pop.style.maxHeight = "";
+      const raw = getComputedStyle(pop).maxHeight;
+      cssCapRef.current = raw === "none" ? null : Number.parseFloat(raw) || null;
+    }
     if (remeasure || !sizeRef.current) {
       sizeRef.current = {
         w: pop.offsetWidth,
@@ -91,12 +99,18 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
     };
     const first = !placedRef.current;
     if (first) pop.style.transition = "none";
-    const { direction: next, top, left, over, maxHeight } = computePlacement(
+    const cap = cssCapRef.current;
+    const desiredH = cap == null ? popH : Math.min(popH, cap);
+    const frozen = frozenMaxRef.current;
+    const effectiveH = frozen == null ? desiredH : Math.min(desiredH, frozen);
+    const { direction: next, top, left, over, maxHeight: suggested } = computePlacement(
       triggerRect,
       popW,
-      popH,
+      effectiveH,
       clip
     );
+    if (frozenMaxRef.current === void 0) frozenMaxRef.current = suggested;
+    const maxHeight = frozenMaxRef.current;
     pop.style.top = `${top + window.scrollY}px`;
     pop.style.left = `${left + window.scrollX}px`;
     pop.style.maxHeight = maxHeight === null ? "" : `${maxHeight}px`;
@@ -115,6 +129,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
       sizeRef.current = null;
       scrollParentRef.current = null;
       placedRef.current = false;
+      frozenMaxRef.current = void 0;
+      cssCapRef.current = void 0;
       return;
     }
     if (triggerRef.current) {

package/dist/components/PopOver/index.cjs

@@ -103,9 +103,17 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
   const sizeRef = import_react.default.useRef(null);
   const scrollParentRef = import_react.default.useRef(null);
   const placedRef = import_react.default.useRef(false);
+  const frozenMaxRef = import_react.default.useRef(void 0);
+  const cssCapRef = import_react.default.useRef(void 0);
   const calculatePosition = import_react.default.useCallback((remeasure = false) => {
     const pop = popRef.current;
     if (!triggerRef.current || !pop) return;
+    if (remeasure) frozenMaxRef.current = void 0;
+    if (cssCapRef.current === void 0) {
+      pop.style.maxHeight = "";
+      const raw = getComputedStyle(pop).maxHeight;
+      cssCapRef.current = raw === "none" ? null : Number.parseFloat(raw) || null;
+    }
     if (remeasure || !sizeRef.current) {
       sizeRef.current = {
         w: pop.offsetWidth,
@@ -127,12 +135,18 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
     };
     const first = !placedRef.current;
     if (first) pop.style.transition = "none";
-    const { direction: next, top, left, over, maxHeight } = computePlacement(
+    const cap = cssCapRef.current;
+    const desiredH = cap == null ? popH : Math.min(popH, cap);
+    const frozen = frozenMaxRef.current;
+    const effectiveH = frozen == null ? desiredH : Math.min(desiredH, frozen);
+    const { direction: next, top, left, over, maxHeight: suggested } = computePlacement(
       triggerRect,
       popW,
-      popH,
+      effectiveH,
       clip
     );
+    if (frozenMaxRef.current === void 0) frozenMaxRef.current = suggested;
+    const maxHeight = frozenMaxRef.current;
     pop.style.top = `${top + window.scrollY}px`;
     pop.style.left = `${left + window.scrollX}px`;
     pop.style.maxHeight = maxHeight === null ? "" : `${maxHeight}px`;
@@ -151,6 +165,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
       sizeRef.current = null;
       scrollParentRef.current = null;
       placedRef.current = false;
+      frozenMaxRef.current = void 0;
+      cssCapRef.current = void 0;
       return;
     }
     if (triggerRef.current) {

package/dist/components/PopOver/index.js

@@ -67,9 +67,17 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
   const sizeRef = React.useRef(null);
   const scrollParentRef = React.useRef(null);
   const placedRef = React.useRef(false);
+  const frozenMaxRef = React.useRef(void 0);
+  const cssCapRef = React.useRef(void 0);
   const calculatePosition = React.useCallback((remeasure = false) => {
     const pop = popRef.current;
     if (!triggerRef.current || !pop) return;
+    if (remeasure) frozenMaxRef.current = void 0;
+    if (cssCapRef.current === void 0) {
+      pop.style.maxHeight = "";
+      const raw = getComputedStyle(pop).maxHeight;
+      cssCapRef.current = raw === "none" ? null : Number.parseFloat(raw) || null;
+    }
     if (remeasure || !sizeRef.current) {
       sizeRef.current = {
         w: pop.offsetWidth,
@@ -91,12 +99,18 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
     };
     const first = !placedRef.current;
     if (first) pop.style.transition = "none";
-    const { direction: next, top, left, over, maxHeight } = computePlacement(
+    const cap = cssCapRef.current;
+    const desiredH = cap == null ? popH : Math.min(popH, cap);
+    const frozen = frozenMaxRef.current;
+    const effectiveH = frozen == null ? desiredH : Math.min(desiredH, frozen);
+    const { direction: next, top, left, over, maxHeight: suggested } = computePlacement(
       triggerRect,
       popW,
-      popH,
+      effectiveH,
       clip
     );
+    if (frozenMaxRef.current === void 0) frozenMaxRef.current = suggested;
+    const maxHeight = frozenMaxRef.current;
     pop.style.top = `${top + window.scrollY}px`;
     pop.style.left = `${left + window.scrollX}px`;
     pop.style.maxHeight = maxHeight === null ? "" : `${maxHeight}px`;
@@ -115,6 +129,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
       sizeRef.current = null;
       scrollParentRef.current = null;
       placedRef.current = false;
+      frozenMaxRef.current = void 0;
+      cssCapRef.current = void 0;
       return;
     }
     if (triggerRef.current) {

package/dist/components/Select/index.cjs

@@ -104,9 +104,17 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
   const sizeRef = import_react.default.useRef(null);
   const scrollParentRef = import_react.default.useRef(null);
   const placedRef = import_react.default.useRef(false);
+  const frozenMaxRef = import_react.default.useRef(void 0);
+  const cssCapRef = import_react.default.useRef(void 0);
   const calculatePosition = import_react.default.useCallback((remeasure = false) => {
     const pop = popRef.current;
     if (!triggerRef.current || !pop) return;
+    if (remeasure) frozenMaxRef.current = void 0;
+    if (cssCapRef.current === void 0) {
+      pop.style.maxHeight = "";
+      const raw = getComputedStyle(pop).maxHeight;
+      cssCapRef.current = raw === "none" ? null : Number.parseFloat(raw) || null;
+    }
     if (remeasure || !sizeRef.current) {
       sizeRef.current = {
         w: pop.offsetWidth,
@@ -128,12 +136,18 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
     };
     const first = !placedRef.current;
     if (first) pop.style.transition = "none";
-    const { direction: next, top, left, over, maxHeight } = computePlacement(
+    const cap = cssCapRef.current;
+    const desiredH = cap == null ? popH : Math.min(popH, cap);
+    const frozen = frozenMaxRef.current;
+    const effectiveH = frozen == null ? desiredH : Math.min(desiredH, frozen);
+    const { direction: next, top, left, over, maxHeight: suggested } = computePlacement(
       triggerRect,
       popW,
-      popH,
+      effectiveH,
       clip
     );
+    if (frozenMaxRef.current === void 0) frozenMaxRef.current = suggested;
+    const maxHeight = frozenMaxRef.current;
     pop.style.top = `${top + window.scrollY}px`;
     pop.style.left = `${left + window.scrollX}px`;
     pop.style.maxHeight = maxHeight === null ? "" : `${maxHeight}px`;
@@ -152,6 +166,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
       sizeRef.current = null;
       scrollParentRef.current = null;
       placedRef.current = false;
+      frozenMaxRef.current = void 0;
+      cssCapRef.current = void 0;
       return;
     }
     if (triggerRef.current) {

package/dist/components/Select/index.js

@@ -67,9 +67,17 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
   const sizeRef = React.useRef(null);
   const scrollParentRef = React.useRef(null);
   const placedRef = React.useRef(false);
+  const frozenMaxRef = React.useRef(void 0);
+  const cssCapRef = React.useRef(void 0);
   const calculatePosition = React.useCallback((remeasure = false) => {
     const pop = popRef.current;
     if (!triggerRef.current || !pop) return;
+    if (remeasure) frozenMaxRef.current = void 0;
+    if (cssCapRef.current === void 0) {
+      pop.style.maxHeight = "";
+      const raw = getComputedStyle(pop).maxHeight;
+      cssCapRef.current = raw === "none" ? null : Number.parseFloat(raw) || null;
+    }
     if (remeasure || !sizeRef.current) {
       sizeRef.current = {
         w: pop.offsetWidth,
@@ -91,12 +99,18 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
     };
     const first = !placedRef.current;
     if (first) pop.style.transition = "none";
-    const { direction: next, top, left, over, maxHeight } = computePlacement(
+    const cap = cssCapRef.current;
+    const desiredH = cap == null ? popH : Math.min(popH, cap);
+    const frozen = frozenMaxRef.current;
+    const effectiveH = frozen == null ? desiredH : Math.min(desiredH, frozen);
+    const { direction: next, top, left, over, maxHeight: suggested } = computePlacement(
       triggerRect,
       popW,
-      popH,
+      effectiveH,
       clip
     );
+    if (frozenMaxRef.current === void 0) frozenMaxRef.current = suggested;
+    const maxHeight = frozenMaxRef.current;
     pop.style.top = `${top + window.scrollY}px`;
     pop.style.left = `${left + window.scrollX}px`;
     pop.style.maxHeight = maxHeight === null ? "" : `${maxHeight}px`;
@@ -115,6 +129,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
       sizeRef.current = null;
       scrollParentRef.current = null;
       placedRef.current = false;
+      frozenMaxRef.current = void 0;
+      cssCapRef.current = void 0;
       return;
     }
     if (triggerRef.current) {

package/dist/components/TimePicker/index.cjs

@@ -103,9 +103,17 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
   const sizeRef = import_react.default.useRef(null);
   const scrollParentRef = import_react.default.useRef(null);
   const placedRef = import_react.default.useRef(false);
+  const frozenMaxRef = import_react.default.useRef(void 0);
+  const cssCapRef = import_react.default.useRef(void 0);
   const calculatePosition = import_react.default.useCallback((remeasure = false) => {
     const pop = popRef.current;
     if (!triggerRef.current || !pop) return;
+    if (remeasure) frozenMaxRef.current = void 0;
+    if (cssCapRef.current === void 0) {
+      pop.style.maxHeight = "";
+      const raw = getComputedStyle(pop).maxHeight;
+      cssCapRef.current = raw === "none" ? null : Number.parseFloat(raw) || null;
+    }
     if (remeasure || !sizeRef.current) {
       sizeRef.current = {
         w: pop.offsetWidth,
@@ -127,12 +135,18 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
     };
     const first = !placedRef.current;
     if (first) pop.style.transition = "none";
-    const { direction: next, top, left, over, maxHeight } = computePlacement(
+    const cap = cssCapRef.current;
+    const desiredH = cap == null ? popH : Math.min(popH, cap);
+    const frozen = frozenMaxRef.current;
+    const effectiveH = frozen == null ? desiredH : Math.min(desiredH, frozen);
+    const { direction: next, top, left, over, maxHeight: suggested } = computePlacement(
       triggerRect,
       popW,
-      popH,
+      effectiveH,
       clip
     );
+    if (frozenMaxRef.current === void 0) frozenMaxRef.current = suggested;
+    const maxHeight = frozenMaxRef.current;
     pop.style.top = `${top + window.scrollY}px`;
     pop.style.left = `${left + window.scrollX}px`;
     pop.style.maxHeight = maxHeight === null ? "" : `${maxHeight}px`;
@@ -151,6 +165,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
       sizeRef.current = null;
       scrollParentRef.current = null;
       placedRef.current = false;
+      frozenMaxRef.current = void 0;
+      cssCapRef.current = void 0;
       return;
     }
     if (triggerRef.current) {

package/dist/components/TimePicker/index.js

@@ -67,9 +67,17 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
   const sizeRef = React.useRef(null);
   const scrollParentRef = React.useRef(null);
   const placedRef = React.useRef(false);
+  const frozenMaxRef = React.useRef(void 0);
+  const cssCapRef = React.useRef(void 0);
   const calculatePosition = React.useCallback((remeasure = false) => {
     const pop = popRef.current;
     if (!triggerRef.current || !pop) return;
+    if (remeasure) frozenMaxRef.current = void 0;
+    if (cssCapRef.current === void 0) {
+      pop.style.maxHeight = "";
+      const raw = getComputedStyle(pop).maxHeight;
+      cssCapRef.current = raw === "none" ? null : Number.parseFloat(raw) || null;
+    }
     if (remeasure || !sizeRef.current) {
       sizeRef.current = {
         w: pop.offsetWidth,
@@ -91,12 +99,18 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
     };
     const first = !placedRef.current;
     if (first) pop.style.transition = "none";
-    const { direction: next, top, left, over, maxHeight } = computePlacement(
+    const cap = cssCapRef.current;
+    const desiredH = cap == null ? popH : Math.min(popH, cap);
+    const frozen = frozenMaxRef.current;
+    const effectiveH = frozen == null ? desiredH : Math.min(desiredH, frozen);
+    const { direction: next, top, left, over, maxHeight: suggested } = computePlacement(
       triggerRect,
       popW,
-      popH,
+      effectiveH,
       clip
     );
+    if (frozenMaxRef.current === void 0) frozenMaxRef.current = suggested;
+    const maxHeight = frozenMaxRef.current;
     pop.style.top = `${top + window.scrollY}px`;
     pop.style.left = `${left + window.scrollX}px`;
     pop.style.maxHeight = maxHeight === null ? "" : `${maxHeight}px`;
@@ -115,6 +129,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
       sizeRef.current = null;
       scrollParentRef.current = null;
       placedRef.current = false;
+      frozenMaxRef.current = void 0;
+      cssCapRef.current = void 0;
       return;
     }
     if (triggerRef.current) {

package/dist/components/index.cjs

@@ -3289,9 +3289,17 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
   const sizeRef = import_react10.default.useRef(null);
   const scrollParentRef = import_react10.default.useRef(null);
   const placedRef = import_react10.default.useRef(false);
+  const frozenMaxRef = import_react10.default.useRef(void 0);
+  const cssCapRef = import_react10.default.useRef(void 0);
   const calculatePosition = import_react10.default.useCallback((remeasure = false) => {
     const pop = popRef.current;
     if (!triggerRef.current || !pop) return;
+    if (remeasure) frozenMaxRef.current = void 0;
+    if (cssCapRef.current === void 0) {
+      pop.style.maxHeight = "";
+      const raw = getComputedStyle(pop).maxHeight;
+      cssCapRef.current = raw === "none" ? null : Number.parseFloat(raw) || null;
+    }
     if (remeasure || !sizeRef.current) {
       sizeRef.current = {
         w: pop.offsetWidth,
@@ -3313,12 +3321,18 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
     };
     const first = !placedRef.current;
     if (first) pop.style.transition = "none";
-    const { direction: next, top, left, over, maxHeight } = computePlacement(
+    const cap = cssCapRef.current;
+    const desiredH = cap == null ? popH : Math.min(popH, cap);
+    const frozen = frozenMaxRef.current;
+    const effectiveH = frozen == null ? desiredH : Math.min(desiredH, frozen);
+    const { direction: next, top, left, over, maxHeight: suggested } = computePlacement(
       triggerRect,
       popW,
-      popH,
+      effectiveH,
       clip
     );
+    if (frozenMaxRef.current === void 0) frozenMaxRef.current = suggested;
+    const maxHeight = frozenMaxRef.current;
     pop.style.top = `${top + window.scrollY}px`;
     pop.style.left = `${left + window.scrollX}px`;
     pop.style.maxHeight = maxHeight === null ? "" : `${maxHeight}px`;
@@ -3337,6 +3351,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
       sizeRef.current = null;
       scrollParentRef.current = null;
       placedRef.current = false;
+      frozenMaxRef.current = void 0;
+      cssCapRef.current = void 0;
       return;
     }
     if (triggerRef.current) {

package/dist/components/index.js

@@ -3187,9 +3187,17 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
   const sizeRef = React10.useRef(null);
   const scrollParentRef = React10.useRef(null);
   const placedRef = React10.useRef(false);
+  const frozenMaxRef = React10.useRef(void 0);
+  const cssCapRef = React10.useRef(void 0);
   const calculatePosition = React10.useCallback((remeasure = false) => {
     const pop = popRef.current;
     if (!triggerRef.current || !pop) return;
+    if (remeasure) frozenMaxRef.current = void 0;
+    if (cssCapRef.current === void 0) {
+      pop.style.maxHeight = "";
+      const raw = getComputedStyle(pop).maxHeight;
+      cssCapRef.current = raw === "none" ? null : Number.parseFloat(raw) || null;
+    }
     if (remeasure || !sizeRef.current) {
       sizeRef.current = {
         w: pop.offsetWidth,
@@ -3211,12 +3219,18 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
     };
     const first = !placedRef.current;
     if (first) pop.style.transition = "none";
-    const { direction: next, top, left, over, maxHeight } = computePlacement(
+    const cap = cssCapRef.current;
+    const desiredH = cap == null ? popH : Math.min(popH, cap);
+    const frozen = frozenMaxRef.current;
+    const effectiveH = frozen == null ? desiredH : Math.min(desiredH, frozen);
+    const { direction: next, top, left, over, maxHeight: suggested } = computePlacement(
       triggerRect,
       popW,
-      popH,
+      effectiveH,
       clip
     );
+    if (frozenMaxRef.current === void 0) frozenMaxRef.current = suggested;
+    const maxHeight = frozenMaxRef.current;
     pop.style.top = `${top + window.scrollY}px`;
     pop.style.left = `${left + window.scrollX}px`;
     pop.style.maxHeight = maxHeight === null ? "" : `${maxHeight}px`;
@@ -3235,6 +3249,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
       sizeRef.current = null;
       scrollParentRef.current = null;
       placedRef.current = false;
+      frozenMaxRef.current = void 0;
+      cssCapRef.current = void 0;
       return;
     }
     if (triggerRef.current) {

package/dist/index.cjs

@@ -7701,9 +7701,17 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
   const sizeRef = import_react10.default.useRef(null);
   const scrollParentRef = import_react10.default.useRef(null);
   const placedRef = import_react10.default.useRef(false);
+  const frozenMaxRef = import_react10.default.useRef(void 0);
+  const cssCapRef = import_react10.default.useRef(void 0);
   const calculatePosition = import_react10.default.useCallback((remeasure = false) => {
     const pop = popRef.current;
     if (!triggerRef.current || !pop) return;
+    if (remeasure) frozenMaxRef.current = void 0;
+    if (cssCapRef.current === void 0) {
+      pop.style.maxHeight = "";
+      const raw = getComputedStyle(pop).maxHeight;
+      cssCapRef.current = raw === "none" ? null : Number.parseFloat(raw) || null;
+    }
     if (remeasure || !sizeRef.current) {
       sizeRef.current = {
         w: pop.offsetWidth,
@@ -7725,12 +7733,18 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
     };
     const first = !placedRef.current;
     if (first) pop.style.transition = "none";
-    const { direction: next, top, left, over, maxHeight } = computePlacement(
+    const cap = cssCapRef.current;
+    const desiredH = cap == null ? popH : Math.min(popH, cap);
+    const frozen = frozenMaxRef.current;
+    const effectiveH = frozen == null ? desiredH : Math.min(desiredH, frozen);
+    const { direction: next, top, left, over, maxHeight: suggested } = computePlacement(
       triggerRect,
       popW,
-      popH,
+      effectiveH,
       clip
     );
+    if (frozenMaxRef.current === void 0) frozenMaxRef.current = suggested;
+    const maxHeight = frozenMaxRef.current;
     pop.style.top = `${top + window.scrollY}px`;
     pop.style.left = `${left + window.scrollX}px`;
     pop.style.maxHeight = maxHeight === null ? "" : `${maxHeight}px`;
@@ -7749,6 +7763,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
       sizeRef.current = null;
       scrollParentRef.current = null;
       placedRef.current = false;
+      frozenMaxRef.current = void 0;
+      cssCapRef.current = void 0;
       return;
     }
     if (triggerRef.current) {

package/dist/index.js

@@ -7290,9 +7290,17 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
   const sizeRef = React10.useRef(null);
   const scrollParentRef = React10.useRef(null);
   const placedRef = React10.useRef(false);
+  const frozenMaxRef = React10.useRef(void 0);
+  const cssCapRef = React10.useRef(void 0);
   const calculatePosition = React10.useCallback((remeasure = false) => {
     const pop = popRef.current;
     if (!triggerRef.current || !pop) return;
+    if (remeasure) frozenMaxRef.current = void 0;
+    if (cssCapRef.current === void 0) {
+      pop.style.maxHeight = "";
+      const raw = getComputedStyle(pop).maxHeight;
+      cssCapRef.current = raw === "none" ? null : Number.parseFloat(raw) || null;
+    }
     if (remeasure || !sizeRef.current) {
       sizeRef.current = {
         w: pop.offsetWidth,
@@ -7314,12 +7322,18 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
     };
     const first = !placedRef.current;
     if (first) pop.style.transition = "none";
-    const { direction: next, top, left, over, maxHeight } = computePlacement(
+    const cap = cssCapRef.current;
+    const desiredH = cap == null ? popH : Math.min(popH, cap);
+    const frozen = frozenMaxRef.current;
+    const effectiveH = frozen == null ? desiredH : Math.min(desiredH, frozen);
+    const { direction: next, top, left, over, maxHeight: suggested } = computePlacement(
       triggerRect,
       popW,
-      popH,
+      effectiveH,
       clip
     );
+    if (frozenMaxRef.current === void 0) frozenMaxRef.current = suggested;
+    const maxHeight = frozenMaxRef.current;
     pop.style.top = `${top + window.scrollY}px`;
     pop.style.left = `${left + window.scrollX}px`;
     pop.style.maxHeight = maxHeight === null ? "" : `${maxHeight}px`;
@@ -7338,6 +7352,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
       sizeRef.current = null;
       scrollParentRef.current = null;
       placedRef.current = false;
+      frozenMaxRef.current = void 0;
+      cssCapRef.current = void 0;
       return;
     }
     if (triggerRef.current) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@x-plat/design-system",
-  "version": "0.14.17",
+  "version": "0.14.19",
   "description": "XPLAT UI Design System",
   "author": "XPLAT WOONG",
   "main": "dist/index.cjs",