fix selecting elements after opening dropdown with arrow keys

mantinedev · Oct 26, 2024 · 752e1ca · 752e1ca
1 parent fbcee92
commit 752e1ca
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/...ntine/core/src/components/Combobox/use-combobox-target-props/use-combobox-target-props.ts b/...ntine/core/src/components/Combobox/use-combobox-target-props/use-combobox-target-props.ts
@@ -40,6 +40,7 @@ export function useComboboxTargetProps({
         if (!ctx.store.dropdownOpened) {
           ctx.store.openDropdown('keyboard');
           setSelectedOptionId(ctx.store.selectActiveOption());
+          ctx.store.updateSelectedOptionIndex('selected', { scrollIntoView: true });
         } else {
           setSelectedOptionId(ctx.store.selectNextOption());
         }
@@ -51,6 +52,7 @@ export function useComboboxTargetProps({
         if (!ctx.store.dropdownOpened) {
           ctx.store.openDropdown('keyboard');
           setSelectedOptionId(ctx.store.selectActiveOption());
+          ctx.store.updateSelectedOptionIndex('selected', { scrollIntoView: true });
         } else {
           setSelectedOptionId(ctx.store.selectPreviousOption());
         }