diff --git a/common/changes/office-ui-fabric-react/Nav_2018-03-03-08-32.json b/common/changes/office-ui-fabric-react/Nav_2018-03-03-08-32.json new file mode 100644 index 00000000000000..756a4f897a7402 --- /dev/null +++ b/common/changes/office-ui-fabric-react/Nav_2018-03-03-08-32.json @@ -0,0 +1,11 @@ +{ + "changes": [ + { + "packageName": "office-ui-fabric-react", + "comment": "Nav: Wire nav link to expand/collapse behavior if it has no URL but has children.", + "type": "patch" + } + ], + "packageName": "office-ui-fabric-react", + "email": "s@warmsea.net" +} diff --git a/packages/office-ui-fabric-react/src/components/Nav/Nav.base.tsx b/packages/office-ui-fabric-react/src/components/Nav/Nav.base.tsx index 831c408bac8213..75ba494ceb838e 100644 --- a/packages/office-ui-fabric-react/src/components/Nav/Nav.base.tsx +++ b/packages/office-ui-fabric-react/src/components/Nav/Nav.base.tsx @@ -305,6 +305,9 @@ export class NavBase extends BaseComponent implements INav if (this.props.onLinkClick) { this.props.onLinkClick(ev, link); } + if (!link.url && link.links && link.links.length > 0) { + this._onLinkExpandClicked(link, ev); + } this.setState({ selectedKey: link.key }); } @@ -313,6 +316,9 @@ export class NavBase extends BaseComponent implements INav if (link.onClick) { link.onClick(ev, link); } + if (!link.url && link.links && link.links.length > 0) { + this._onLinkExpandClicked(link, ev); + } this.setState({ selectedKey: link.key }); }