diff --git a/common/changes/office-ui-fabric-react/office-ui-fabric-react-5002_2018-05-26-00-58.json b/common/changes/office-ui-fabric-react/office-ui-fabric-react-5002_2018-05-26-00-58.json new file mode 100644 index 00000000000000..f63c620a342282 --- /dev/null +++ b/common/changes/office-ui-fabric-react/office-ui-fabric-react-5002_2018-05-26-00-58.json @@ -0,0 +1,11 @@ +{ + "changes": [ + { + "packageName": "office-ui-fabric-react", + "comment": "Fix passing onclick from props for contextual anchor item", + "type": "patch" + } + ], + "packageName": "office-ui-fabric-react", + "email": "kabalas@microsoft.com" +} \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuAnchor.tsx b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuAnchor.tsx index 8544bf7797eb34..1b0b8d5bcca253 100644 --- a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuAnchor.tsx +++ b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuAnchor.tsx @@ -97,4 +97,11 @@ export class ContextualMenuAnchor extends ContextualMenuItemWrapper { protected _getSubmenuTarget = (): HTMLElement | undefined => { return this._anchor.current ? this._anchor.current : undefined; } + + protected _onItemClick = (ev: React.MouseEvent): void => { + const { item, onItemClick } = this.props; + if (onItemClick) { + onItemClick(item, ev); + } + } } \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.Basic.Example.tsx b/packages/office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.Basic.Example.tsx index b3f9ac39554ac3..bace573f8960cb 100644 --- a/packages/office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.Basic.Example.tsx +++ b/packages/office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.Basic.Example.tsx @@ -56,6 +56,16 @@ export class ContextualMenuBasicExample extends React.Component { href: 'http://bing.com', target: '_blank' }, + { + key: 'linkWithOnClick', + name: 'Link click', + href: 'http://bing.com', + onClick: (ev: React.MouseEvent) => { + alert('Link clicked'); + ev.preventDefault(); + }, + target: '_blank' + }, { key: 'disabled', name: 'Disabled item',