diff --git a/common/changes/office-ui-fabric-react/overflowset-nativeprops-3707_2018-04-24-22-09.json b/common/changes/office-ui-fabric-react/overflowset-nativeprops-3707_2018-04-24-22-09.json new file mode 100644 index 0000000000000..4b66c93692a3a --- /dev/null +++ b/common/changes/office-ui-fabric-react/overflowset-nativeprops-3707_2018-04-24-22-09.json @@ -0,0 +1,11 @@ +{ + "changes": [ + { + "packageName": "office-ui-fabric-react", + "comment": "Enabled native props (aria-* and data-*) on OverflowSet even when the doNotContainWithinFocusZone prop is false", + "type": "minor" + } + ], + "packageName": "office-ui-fabric-react", + "email": "v-brgarl@microsoft.com" +} \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/components/OverflowSet/OverflowSet.tsx b/packages/office-ui-fabric-react/src/components/OverflowSet/OverflowSet.tsx index a8167f57d85e0..29804e4164588 100644 --- a/packages/office-ui-fabric-react/src/components/OverflowSet/OverflowSet.tsx +++ b/packages/office-ui-fabric-react/src/components/OverflowSet/OverflowSet.tsx @@ -53,6 +53,7 @@ export class OverflowSet extends BaseComponent implements } else { Tag = FocusZone; uniqueComponentProps = { + ...getNativeProps(this.props, divProperties), ...focusZoneProps, componentRef: this._focusZone, direction: vertical ? FocusZoneDirection.vertical : FocusZoneDirection.horizontal diff --git a/packages/office-ui-fabric-react/src/components/OverflowSet/OverflowSetPage.tsx b/packages/office-ui-fabric-react/src/components/OverflowSet/OverflowSetPage.tsx index d8a3e0e83da17..08c7b3415f178 100644 --- a/packages/office-ui-fabric-react/src/components/OverflowSet/OverflowSetPage.tsx +++ b/packages/office-ui-fabric-react/src/components/OverflowSet/OverflowSetPage.tsx @@ -29,6 +29,7 @@ export class OverflowSetPage extends React.Component('!raw-loader!office-ui-fabric-react/src/components/OverflowSet/docs/OverflowSetOverview.md') } } + allowNativeProps={ true } exampleCards={