feat: don't allow dropdown navigation on input focused (#9341)

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
chatwoot · May 2, 2024 · 7f8ac37 · 7f8ac37
1 parent 94e1d55
commit 7f8ac37
Showing 1 changed file with 2 additions and 14 deletions.
diff --git a/app/javascript/shared/components/ui/dropdown/DropdownMenu.vue b/app/javascript/shared/components/ui/dropdown/DropdownMenu.vue
@@ -36,20 +36,8 @@ export default {
     getKeyboardEvents() {
       const menuButtons = this.dropdownMenuButtons();
       return {
-        ArrowUp: {
-          action: e => {
-            e.preventDefault();
-            this.focusPreviousButton(menuButtons);
-          },
-          allowOnFocusedInput: true,
-        },
-        ArrowDown: {
-          action: e => {
-            e.preventDefault();
-            this.focusNextButton(menuButtons);
-          },
-          allowOnFocusedInput: true,
-        },
+        ArrowUp: () => this.focusPreviousButton(menuButtons),
+        ArrowDown: () => this.focusNextButton(menuButtons),
       };
     },
     focusPreviousButton(menuButtons) {