Prevent group toggling from selecting the whole group (#25149)

* Ensure toggling group state does not select it * Change files
microsoft · Oct 11, 2022 · d05569d · d05569d
1 parent c04722c
commit d05569d
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/change/office-ui-fabric-react-ededfbff-be4d-49b1-993a-4a90ec34a43d.json b/change/office-ui-fabric-react-ededfbff-be4d-49b1-993a-4a90ec34a43d.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Ensure toggling group state does not select it",
+  "packageName": "office-ui-fabric-react",
+  "email": "seanmonahan@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/...office-ui-fabric-react/src/components/DetailsList/__snapshots__/DetailsList.test.tsx.snap b/...office-ui-fabric-react/src/components/DetailsList/__snapshots__/DetailsList.test.tsx.snap
@@ -8191,6 +8191,7 @@ exports[`DetailsList renders List with hidden checkboxes correctly 1`] = `
                                     background-color: #e1dfdd;
                                   }
                               data-is-focusable={false}
+                              data-selection-disabled={true}
                               onClick={[Function]}
                               type="button"
                             >
@@ -9048,6 +9049,7 @@ exports[`DetailsList renders List with hidden checkboxes correctly 1`] = `
                                     background-color: #e1dfdd;
                                   }
                               data-is-focusable={false}
+                              data-selection-disabled={true}
                               onClick={[Function]}
                               type="button"
                             >

diff --git a/packages/office-ui-fabric-react/src/components/GroupedList/GroupHeader.base.tsx b/packages/office-ui-fabric-react/src/components/GroupedList/GroupHeader.base.tsx
@@ -161,6 +161,7 @@ export class GroupHeaderBase extends React.Component<IGroupHeaderProps, IGroupHe
           <div role="gridcell">
             <button
               data-is-focusable={false}
+              data-selection-disabled={true}
               type="button"
               className={this._classNames.expand}
               onClick={this._onToggleClick}