diff --git a/change/@fluentui-react-144ea3d7-6cc3-4aed-8fb4-aae163604755.json b/change/@fluentui-react-144ea3d7-6cc3-4aed-8fb4-aae163604755.json new file mode 100644 index 0000000000000..ac4b5eddb341c --- /dev/null +++ b/change/@fluentui-react-144ea3d7-6cc3-4aed-8fb4-aae163604755.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: GroupedList.scrollToIndex() now targets group index", + "packageName": "@fluentui/react", + "email": "seanmonahan@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react/src/components/GroupedList/GroupedList.base.tsx b/packages/react/src/components/GroupedList/GroupedList.base.tsx index 1881357e02d59..c085b006ae7e5 100644 --- a/packages/react/src/components/GroupedList/GroupedList.base.tsx +++ b/packages/react/src/components/GroupedList/GroupedList.base.tsx @@ -105,8 +105,10 @@ export class GroupedListBase extends React.Component number, scrollToMode?: ScrollToMode): void { + const groupIndex = this._getGroupIndexFromItemIndex(index); + const scrollIndex = groupIndex > -1 ? groupIndex : index; if (this._list.current) { - this._list.current.scrollToIndex(index, measureItem, scrollToMode); + this._list.current.scrollToIndex(scrollIndex, measureItem, scrollToMode); } } @@ -404,4 +406,22 @@ export class GroupedListBase extends React.Component= group.startIndex && itemIndex < group.startIndex + group.count) { + return groupIndex; + } + } + + return -1; + } }