From d7e71d1c0be17c24f2f9f018b6eaaa0e5e2ee981 Mon Sep 17 00:00:00 2001
From: Gaurav Chitwaan <gaurav198.rr@gmail.com>
Date: Mon, 3 Apr 2023 00:58:27 +0530
Subject: [PATCH] #24280 issueFixed: focus is not set on first item

Fixed the issue. Now focus should be on first item.
---
 ...luentui-react-55f4a70e-045c-4d7e-82c7-d77a38eceadf.json | 7 +++++++
 packages/react/src/components/Dropdown/Dropdown.base.tsx   | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 change/@fluentui-react-55f4a70e-045c-4d7e-82c7-d77a38eceadf.json

diff --git a/change/@fluentui-react-55f4a70e-045c-4d7e-82c7-d77a38eceadf.json b/change/@fluentui-react-55f4a70e-045c-4d7e-82c7-d77a38eceadf.json
new file mode 100644
index 0000000000000..1ee65216c7b67
--- /dev/null
+++ b/change/@fluentui-react-55f4a70e-045c-4d7e-82c7-d77a38eceadf.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "#24280 issueFixed: focus is not set on first item",
+  "packageName": "@fluentui/react",
+  "email": "gaurav198.rr@gmail.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react/src/components/Dropdown/Dropdown.base.tsx b/packages/react/src/components/Dropdown/Dropdown.base.tsx
index a7696c99f9839..a19fc2e70d348 100644
--- a/packages/react/src/components/Dropdown/Dropdown.base.tsx
+++ b/packages/react/src/components/Dropdown/Dropdown.base.tsx
@@ -599,7 +599,7 @@ class DropdownInternal extends React.Component<IDropdownInternalProps, IDropdown
 
     const isSmall = responsiveMode! <= ResponsiveMode.medium;
 
-    const focusTrapZoneProps: IFocusTrapZoneProps = { firstFocusableTarget: `#${this._listId}1` };
+    const focusTrapZoneProps: IFocusTrapZoneProps = { firstFocusableTarget: `#${this._listId}0` };
     const panelStyles = this._classNames.subComponentStyles
       ? (this._classNames.subComponentStyles.panel as IStyleFunctionOrObject<IPanelStyleProps, IPanelStyles>)
       : undefined;