From 4ce91446f3c4b19c255ae708d0a8d5b093e9cdf7 Mon Sep 17 00:00:00 2001
From: Sarah Higley <sarah.higley@microsoft.com>
Date: Mon, 5 Feb 2024 17:15:09 -0800
Subject: [PATCH 1/3] fix: GroupedList sets correct focus attributes on List

---
 packages/react/src/components/GroupedList/GroupedList.base.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/react/src/components/GroupedList/GroupedList.base.tsx b/packages/react/src/components/GroupedList/GroupedList.base.tsx
index 1881357e02d592..a1dcfda6dbb103 100644
--- a/packages/react/src/components/GroupedList/GroupedList.base.tsx
+++ b/packages/react/src/components/GroupedList/GroupedList.base.tsx
@@ -168,6 +168,7 @@ export class GroupedListBase extends React.Component<IGroupedListProps, IGrouped
             usePageCache={usePageCache}
             onShouldVirtualize={onShouldVirtualize}
             version={version}
+            renderEarly={true}
             {...rootListProps}
           />
         )}

From 88c88b14e1430ceae0cc1806c2f4f0410ae0624b Mon Sep 17 00:00:00 2001
From: Sarah Higley <sarah.higley@microsoft.com>
Date: Mon, 5 Feb 2024 17:26:41 -0800
Subject: [PATCH 2/3] add focusrects

---
 .../src/components/GroupedList/GroupedList.base.tsx    | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/components/GroupedList/GroupedList.base.tsx b/packages/react/src/components/GroupedList/GroupedList.base.tsx
index a1dcfda6dbb103..1c7b85830e4010 100644
--- a/packages/react/src/components/GroupedList/GroupedList.base.tsx
+++ b/packages/react/src/components/GroupedList/GroupedList.base.tsx
@@ -1,5 +1,12 @@
 import * as React from 'react';
-import { initializeComponentRef, classNamesFunction, KeyCodes, getRTLSafeKeyCode, css } from '../../Utilities';
+import {
+  initializeComponentRef,
+  classNamesFunction,
+  FocusRects,
+  KeyCodes,
+  getRTLSafeKeyCode,
+  css,
+} from '../../Utilities';
 import { GroupedListSection } from './GroupedListSection';
 import { List, ScrollToMode } from '../../List';
 import { SelectionMode } from '../../Selection';
@@ -154,6 +161,7 @@ export class GroupedListBase extends React.Component<IGroupedListProps, IGrouped
         shouldEnterInnerZone={shouldEnterInnerZone}
         className={css(this._classNames.root, focusZoneProps.className)}
       >
+        <FocusRects />
         {!groups ? (
           this._renderGroup(undefined, 0)
         ) : (

From 14d8d72cd0cfb7037c8525bcb70b41a3c7cdeda9 Mon Sep 17 00:00:00 2001
From: Sarah Higley <sarah.higley@microsoft.com>
Date: Mon, 5 Feb 2024 18:03:53 -0800
Subject: [PATCH 3/3] change file

---
 ...luentui-react-973ad22b-82a2-4ee9-aa9c-42cf7b5b8ea4.json | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 change/@fluentui-react-973ad22b-82a2-4ee9-aa9c-42cf7b5b8ea4.json

diff --git a/change/@fluentui-react-973ad22b-82a2-4ee9-aa9c-42cf7b5b8ea4.json b/change/@fluentui-react-973ad22b-82a2-4ee9-aa9c-42cf7b5b8ea4.json
new file mode 100644
index 00000000000000..7a16172529311b
--- /dev/null
+++ b/change/@fluentui-react-973ad22b-82a2-4ee9-aa9c-42cf7b5b8ea4.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: GroupedList sets correct focus attributes on List",
+  "packageName": "@fluentui/react",
+  "email": "sarah.higley@microsoft.com",
+  "dependentChangeType": "patch"
+}