@trackunit/react-form-components 1.11.29 → 1.11.32

package/index.cjs.js

@@ -1135,9 +1135,7 @@ const MultiSelectMenuItem = ({ label, onClick, selected, focused, "data-testid":
                 className: "mr-1 flex items-center",
                 size: "medium",
             })
-            : optionPrefix, prefix: jsxRuntime.jsx(Checkbox, { checked: selected, className: "gap-x-0", disabled: disabled, onChange: () => null, onClick: e => {
-                e.stopPropagation();
-            }, readOnly: false }), selected: selected }));
+            : optionPrefix, prefix: jsxRuntime.jsx(Checkbox, { checked: selected, className: "gap-x-0", disabled: disabled, onChange: () => null, readOnly: false }), selected: selected }));
 };
 
 /**
@@ -1844,6 +1842,12 @@ const useSelect = (props) => {
             // Setting menuPortalTarget to 'null' specifies that the dropdown should be rendered within
             // the parent element instead of 'document.body'.
             menuPortalTarget: portalTarget,
+            // Use 'fixed' positioning when portaling to document.body for correct positioning
+            // in complex scroll contexts (e.g., iframes, nested scroll containers).
+            // 'absolute' (the default) can cause positioning issues because it adds scroll offsets
+            // that may not match the actual scroll context when the portal target differs from
+            // the scroll container.
+            menuPosition: portalTarget === document.body ? "fixed" : "absolute",
             isSearchable: interactable ? (isSearchable ?? true) : false,
             // Disable react-select's built-in scroll blocking as we handle it ourselves in onMenuOpen/onMenuClose
             // to prevent layout shifts caused by not accounting for existing body padding in the react-select implementation.

package/index.esm.js

@@ -1134,9 +1134,7 @@ const MultiSelectMenuItem = ({ label, onClick, selected, focused, "data-testid":
                 className: "mr-1 flex items-center",
                 size: "medium",
             })
-            : optionPrefix, prefix: jsx(Checkbox, { checked: selected, className: "gap-x-0", disabled: disabled, onChange: () => null, onClick: e => {
-                e.stopPropagation();
-            }, readOnly: false }), selected: selected }));
+            : optionPrefix, prefix: jsx(Checkbox, { checked: selected, className: "gap-x-0", disabled: disabled, onChange: () => null, readOnly: false }), selected: selected }));
 };
 
 /**
@@ -1843,6 +1841,12 @@ const useSelect = (props) => {
             // Setting menuPortalTarget to 'null' specifies that the dropdown should be rendered within
             // the parent element instead of 'document.body'.
             menuPortalTarget: portalTarget,
+            // Use 'fixed' positioning when portaling to document.body for correct positioning
+            // in complex scroll contexts (e.g., iframes, nested scroll containers).
+            // 'absolute' (the default) can cause positioning issues because it adds scroll offsets
+            // that may not match the actual scroll context when the portal target differs from
+            // the scroll container.
+            menuPosition: portalTarget === document.body ? "fixed" : "absolute",
             isSearchable: interactable ? (isSearchable ?? true) : false,
             // Disable react-select's built-in scroll blocking as we handle it ourselves in onMenuOpen/onMenuClose
             // to prevent layout shifts caused by not accounting for existing body padding in the react-select implementation.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-components",
-  "version": "1.11.29",
+  "version": "1.11.32",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -14,12 +14,12 @@
     "zod": "^3.23.8",
     "react-hook-form": "7.62.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/css-class-variance-utilities": "1.10.23",
-    "@trackunit/react-components": "1.14.29",
-    "@trackunit/ui-icons": "1.10.23",
-    "@trackunit/shared-utils": "1.12.23",
-    "@trackunit/ui-design-tokens": "1.10.24",
-    "@trackunit/i18n-library-translation": "1.10.25",
+    "@trackunit/css-class-variance-utilities": "1.10.25",
+    "@trackunit/react-components": "1.14.32",
+    "@trackunit/ui-icons": "1.10.25",
+    "@trackunit/shared-utils": "1.12.25",
+    "@trackunit/ui-design-tokens": "1.10.26",
+    "@trackunit/i18n-library-translation": "1.10.27",
     "string-ts": "^2.0.0",
     "@js-temporal/polyfill": "^0.5.1",
     "es-toolkit": "^1.39.10",