@gitlab/ui 113.3.1 → 113.4.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [113.4.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v113.3.2...v113.4.0) (2025-05-12)
+
+
+### Features
+
+* **BaseDropdown:** Prevent dropdowns from overflowing viewport ([5f97ccb](https://gitlab.com/gitlab-org/gitlab-ui/commit/5f97ccb07514e4dbc4c1f90bf4e742db2e045c89))
+
+## [113.3.2](https://gitlab.com/gitlab-org/gitlab-ui/compare/v113.3.1...v113.3.2) (2025-05-05)
+
+
+### Bug Fixes
+
+* **deps:** update dependency @floating-ui/dom to v1.7.0 ([00baf76](https://gitlab.com/gitlab-org/gitlab-ui/commit/00baf767c521a2f523b5fb9ef50b539bbe83f204))
+
 ## [113.3.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v113.3.0...v113.3.1) (2025-05-05)
 
 

package/dist/components/base/new_dropdowns/base_dropdown/base_dropdown.js

@@ -263,15 +263,19 @@ var script = {
           apply: _ref => {
             var _this$nonScrollableCo;
             let {
+              availableWidth,
               availableHeight,
               elements
             } = _ref;
             const contentsEl = elements.floating.querySelector(`.${GL_DROPDOWN_CONTENTS_CLASS}`);
             if (!contentsEl) return;
             const contentsAvailableHeight = availableHeight - ((_this$nonScrollableCo = this.nonScrollableContentHeight) !== null && _this$nonScrollableCo !== void 0 ? _this$nonScrollableCo : 0) - DEFAULT_OFFSET;
+            const maxWidth = this.fluidWidth ? {
+              maxWidth: `${Math.max(0, availableWidth)}px`
+            } : {};
             Object.assign(contentsEl.style, {
               maxHeight: `${Math.max(contentsAvailableHeight, 0)}px`
-            });
+            }, maxWidth);
           }
         })]
       };