@entur/dropdown 6.0.8 → 6.0.9

package/dist/dropdown.esm.js

@@ -1235,7 +1235,7 @@ function SelectedItemsLabel(items) {
   }).toString() : items.length + " elementer valgt";
 }
 
-var _excluded$5 = ["ariaLabelChosenSingular", "ariaLabelSelectedItem", "getItemProps", "getMenuProps", "inputValue", "isOpen", "highlightedIndex", "listItems", "listStyle", "setListRef", "loading", "loadingText", "noMatchesText", "selectAllCheckboxState", "selectAllItem", "selectedItems", "showSelectAllInList"];
+var _excluded$5 = ["ariaLabelChosenSingular", "ariaLabelSelectedItem", "getItemProps", "getMenuProps", "inputValue", "isOpen", "highlightedIndex", "listItems", "floatingStyles", "setListRef", "loading", "loadingText", "noMatchesText", "selectAllCheckboxState", "selectAllItem", "selectedItems", "showSelectAllInList"];
 var DropdownList = function DropdownList(_ref) {
   var _listItems$;
   var _ref$ariaLabelChosenS = _ref.ariaLabelChosenSingular,
@@ -1247,7 +1247,7 @@ var DropdownList = function DropdownList(_ref) {
     isOpen = _ref.isOpen,
     highlightedIndex = _ref.highlightedIndex,
     listItems = _ref.listItems,
-    listStyle = _ref.listStyle,
+    floatingStyles = _ref.floatingStyles,
     setListRef = _ref.setListRef,
     _ref$loading = _ref.loading,
     loading = _ref$loading === void 0 ? false : _ref$loading,
@@ -1330,16 +1330,17 @@ var DropdownList = function DropdownList(_ref) {
   };
   return (
     // use popover from @entur/tooltip when that package upgrades to floating-ui
-    React.createElement("ul", _extends({}, getMenuProps({
+    React.createElement("div", {
+      className: "eds-dropdown__list__floating-container",
+      style: _extends({
+        display: isOpen ? undefined : 'none'
+      }, floatingStyles),
+      ref: setListRef
+    }, React.createElement("ul", _extends({}, getMenuProps({
       'aria-multiselectable': isMultiselect
-    }, {
-      suppressRefError: true
     }), {
-      ref: setListRef,
       className: "eds-dropdown__list",
-      style: _extends({
-        display: isOpen ? 'inline-block' : 'none'
-      }, rest.style, listStyle)
+      style: _extends({}, rest.style)
     }), !loading && listItems.length > 0 && listItems.map(function (item, index) {
       var itemIsSelectAll = item.value === (selectAllItem == null ? void 0 : selectAllItem.value);
       if (itemIsSelectAll && listItems.length <= 2) return null;
@@ -1364,7 +1365,7 @@ var DropdownList = function DropdownList(_ref) {
     }, noMatchesText), loading && React.createElement("li", {
       key: "dropdown-list-loading",
       className: "eds-dropdown__list__item"
-    }, loadingText))
+    }, loadingText)))
   );
 };
 
@@ -1889,12 +1890,13 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
   }))), React.createElement(DropdownList, {
     ariaLabelChosenSingular: ariaLabelChosenSingular,
     ariaLabelSelectedItem: ariaLabelSelectedItem,
+    floatingStyles: floatingStyles,
     getItemProps: getItemProps,
     getMenuProps: getMenuProps,
     highlightedIndex: highlightedIndex,
     isOpen: isOpen,
     listItems: listItems,
-    listStyle: _extends({}, floatingStyles, listStyle),
+    style: listStyle,
     setListRef: refs.setFloating,
     loading: loading,
     loadingText: loadingText,
@@ -1903,7 +1905,7 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
   }));
 };
 
-var _excluded$2 = ["className", "clearable", "clearInputOnSelect", "debounceTimeout", "disabled", "feedback", "hideSelectAll", "items", "itemFilter", "label", "labelAllItemsSelected", "labelClearAllItems", "labelSelectAll", "labelTooltip", "listStyle", "loadingText", "maxChips", "noMatchesText", "onChange", "placeholder", "readOnly", "selectedItems", "selectOnBlur", "selectOnTab", "style", "variant", "ariaLabelChosenSingular", "ariaLabelChosenPlural", "ariaLabelCloseList", "ariaLabelJumpToInput", "ariaLabelOpenList", "ariaLabelRemoveSelected", "ariaLabelSelectedItem"];
+var _excluded$2 = ["className", "clearable", "clearInputOnSelect", "debounceTimeout", "disabled", "disableLabelAnimation", "feedback", "hideSelectAll", "items", "itemFilter", "label", "labelAllItemsSelected", "labelClearAllItems", "labelSelectAll", "labelTooltip", "listStyle", "loadingText", "maxChips", "noMatchesText", "onChange", "placeholder", "readOnly", "selectedItems", "selectOnBlur", "selectOnTab", "style", "variant", "ariaLabelChosenSingular", "ariaLabelChosenPlural", "ariaLabelCloseList", "ariaLabelJumpToInput", "ariaLabelOpenList", "ariaLabelRemoveSelected", "ariaLabelSelectedItem"];
 var MultiSelect = function MultiSelect(_ref) {
   var className = _ref.className,
     _ref$clearable = _ref.clearable,
@@ -1913,6 +1915,7 @@ var MultiSelect = function MultiSelect(_ref) {
     debounceTimeout = _ref.debounceTimeout,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    disableLabelAnimation = _ref.disableLabelAnimation,
     feedback = _ref.feedback,
     _ref$hideSelectAll = _ref.hideSelectAll,
     hideSelectAll = _ref$hideSelectAll === void 0 ? false : _ref$hideSelectAll,
@@ -2192,6 +2195,7 @@ var MultiSelect = function MultiSelect(_ref) {
       'eds-dropdown--has-tooltip': labelTooltip !== undefined
     }),
     disabled: disabled,
+    disableLabelAnimation: disableLabelAnimation,
     feedback: feedback,
     isFilled: hasSelectedItems || inputValue !== EMPTY_INPUT,
     label: label,
@@ -2268,13 +2272,14 @@ var MultiSelect = function MultiSelect(_ref) {
   })))))), React.createElement(DropdownList, {
     ariaLabelChosenSingular: ariaLabelChosenSingular,
     ariaLabelSelectedItem: ariaLabelSelectedItem,
+    floatingStyles: floatingStyles,
     getItemProps: getItemProps,
     getMenuProps: getMenuProps,
     highlightedIndex: highlightedIndex,
     inputValue: inputValue,
     isOpen: isOpen,
     listItems: listItems,
-    listStyle: _extends({}, floatingStyles, listStyle),
+    style: listStyle,
     setListRef: refs.setFloating,
     loading: loading,
     loadingText: loadingText,
@@ -2424,12 +2429,13 @@ var Dropdown = function Dropdown(_ref) {
   }, placeholder)) != null ? _ref3 : ''), React.createElement(DropdownList, {
     ariaLabelChosenSingular: ariaLabelChosenSingular,
     ariaLabelSelectedItem: ariaLabelSelectedItem,
+    floatingStyles: floatingStyles,
     getItemProps: getItemProps,
     getMenuProps: getMenuProps,
     highlightedIndex: highlightedIndex,
     isOpen: isOpen,
     listItems: normalizedItems,
-    listStyle: _extends({}, floatingStyles, listStyle),
+    style: listStyle,
     setListRef: refs.setFloating,
     loading: loading,
     loadingText: loadingText,