Fix multi select initial anchor issue

rubenthoms · Aug 21, 2024 · 5fa5fba · 5fa5fba
1 parent 9a888c2
commit 5fa5fba
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/frontend/src/lib/components/Select/select.tsx b/frontend/src/lib/components/Select/select.tsx
@@ -87,6 +87,7 @@ export const Select = withDefaults<SelectProps>()(defaultProps, (props) => {
     if (props.value && !isEqual(props.value, prevPropsValue)) {
         setSelectedOptionValues([...props.value]);
         setPrevPropsValue([...props.value]);
+        setSelectionAnchor(filteredOptions.findIndex((option) => option.value === props.value[0]));
     }
 
     const handleOnChange = React.useCallback(
@@ -344,6 +345,7 @@ export const Select = withDefaults<SelectProps>()(defaultProps, (props) => {
 
         setCurrentFocusIndex(newCurrentKeyboardFocusIndex);
         setVirtualizationStartIndex(newVirtualizationStartIndex);
+        setSelectionAnchor(newFilteredOptions.findIndex((option) => option.value === selectedOptionValues[0]));
     }
 
     function handleFilterChange(event: React.ChangeEvent<HTMLInputElement>) {