feat: show related values section, always

2026-04-21 11:20:28 +01:00 · 2026-04-21 11:29:48 +05:30
1 changed files with 14 additions and 5 deletions
--- a/frontend/src/components/NewSelect/CustomMultiSelect.tsx
+++ b/frontend/src/components/NewSelect/CustomMultiSelect.tsx
@@ -1445,11 +1445,18 @@ const CustomMultiSelect: React.FC<CustomMultiSelectProps> = ({

 	// Custom dropdown render with sections support
 	const customDropdownRender = useCallback((): React.ReactElement => {
-		// Process options based on current search
-		const processedOptions =
-			selectedValues.length > 0 && isEmpty(searchText)
-				? prioritizeOrAddOptionForMultiSelect(filteredOptions, selectedValues)
-				: filteredOptions;
+		// When ALL is selected, skip prioritization so section headers
+		// (e.g. "Related values" / "All values") remain visible instead of
+		// being collapsed away by every option getting hoisted to the top.
+		const shouldPrioritize =
+			selectedValues.length > 0 &&
+			isEmpty(searchText) &&
+			!allOptionShown &&
+			!isAllSelected;
+
+		const processedOptions = shouldPrioritize
+			? prioritizeOrAddOptionForMultiSelect(filteredOptions, selectedValues)
+			: filteredOptions;

 		const { sectionOptions, nonSectionOptions } = splitOptions(processedOptions);

@@ -1747,6 +1754,8 @@ const CustomMultiSelect: React.FC<CustomMultiSelectProps> = ({
 	}, [
 		selectedValues,
 		searchText,
+		allOptionShown,
+		isAllSelected,
 		filteredOptions,
 		splitOptions,
 		isLabelPresent,