microsoft#24280 issueFixed: focus is not set on first item

Fixed the issue. Now focus should be on first item.
GAUARVCHIT · Apr 3, 2023 · d7e71d1 · d7e71d1
1 parent cbc6188
commit d7e71d1
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/change/@fluentui-react-55f4a70e-045c-4d7e-82c7-d77a38eceadf.json 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": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git 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;