From d571817c0b10e409ecdc18fd0913150cfc63c663 Mon Sep 17 00:00:00 2001
From: Samual Krish Ravichandran
 <110860322+sravichandran-eightfold@users.noreply.github.com>
Date: Wed, 13 Nov 2024 10:25:05 -0800
Subject: [PATCH] fix: dropdown items are not moving to the next tab index due
 to stopProgation (#911)

---
 src/components/Dropdown/Dropdown.tsx | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
index c0be53a0..094a2b0b 100644
--- a/src/components/Dropdown/Dropdown.tsx
+++ b/src/components/Dropdown/Dropdown.tsx
@@ -282,21 +282,16 @@ export const Dropdown: FC<DropdownProps> = React.memo(
       };
 
       const handleFloatingKeyDown = (event: React.KeyboardEvent): void => {
-        event.stopPropagation();
         if (event?.key === eventKeys.ESCAPE) {
           toggle(false)(event);
         }
         if (event?.key === eventKeys.TAB) {
-          event.preventDefault();
           timeout && clearTimeout(timeout);
           timeout = setTimeout(() => {
             if (!refs.floating.current.matches(':focus-within')) {
               toggle(false)(event);
             }
           }, NO_ANIMATION_DURATION);
-          const menuButtonEvent: HTMLButtonElement =
-            document.activeElement as HTMLButtonElement;
-          menuButtonEvent?.focus?.();
         }
         if (event?.key === eventKeys.TAB && event.shiftKey) {
           timeout && clearTimeout(timeout);