always render the maxSelected message when isMultiSelect (#3506)

* always render the maxSelected message when isMultiSelect * also check if maxSelected is set * Changeset * Update .changeset/swift-readers-check.md --------- Co-authored-by: Lars Eirik Korsgaard Hansen <[email protected]> Co-authored-by: Ken <[email protected]>
navikt · Jan 22, 2025 · 715a34a · 715a34a
1 parent 85feb0e
commit 715a34a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/.changeset/swift-readers-check.md b/.changeset/swift-readers-check.md
@@ -0,0 +1,5 @@
+---
+"@fake-scope/fake-pkg": patch
+---
+
+Combobox: Always render `maxSelected` message when `isMultiSelect` is set. 
diff --git a/@navikt/core/react/src/form/combobox/FilteredOptions/FilteredOptions.tsx b/@navikt/core/react/src/form/combobox/FilteredOptions/FilteredOptions.tsx
@@ -23,10 +23,10 @@ const FilteredOptions = () => {
     isMouseLastUsedInputDevice,
     isValueNew,
   } = useFilteredOptionsContext();
-  const { maxSelected } = useSelectedOptionsContext();
+  const { maxSelected, isMultiSelect } = useSelectedOptionsContext();
 
   const shouldRenderNonSelectables =
-    maxSelected.isLimitReached || // Render maxSelected message
+    (isMultiSelect && maxSelected.limit) || // Render maxSelected message
     isLoading || // Render loading message
     (!isLoading && filteredOptions.length === 0 && !allowNewValues); // Render no hits message
 
@@ -45,7 +45,7 @@ const FilteredOptions = () => {
     >
       {shouldRenderNonSelectables && (
         <div className="navds-combobox__list_non-selectables" role="status">
-          {maxSelected.isLimitReached && <MaxSelectedMessage />}
+          {isMultiSelect && maxSelected.limit && <MaxSelectedMessage />}
           {isLoading && <LoadingMessage />}
           {!isLoading && filteredOptions.length === 0 && !allowNewValues && (
             <NoSearchHitsMessage />