diff --git a/packages/office-ui-fabric-react/src/components/Panel/Panel.tsx b/packages/office-ui-fabric-react/src/components/Panel/Panel.tsx index 7639093ad3adbc..a4c1ecef200e3a 100644 --- a/packages/office-ui-fabric-react/src/components/Panel/Panel.tsx +++ b/packages/office-ui-fabric-react/src/components/Panel/Panel.tsx @@ -220,7 +220,7 @@ export class Panel extends BaseComponent { diff --git a/packages/office-ui-fabric-react/src/components/Panel/examples/Panel.SmallRight.Example.tsx b/packages/office-ui-fabric-react/src/components/Panel/examples/Panel.SmallRight.Example.tsx index 4e86b6dbcbcc5e..ab2567a34294ac 100644 --- a/packages/office-ui-fabric-react/src/components/Panel/examples/Panel.SmallRight.Example.tsx +++ b/packages/office-ui-fabric-react/src/components/Panel/examples/Panel.SmallRight.Example.tsx @@ -25,6 +25,7 @@ export class PanelSmallRightExample extends React.Component { type={ PanelType.smallFixedFar } onDismiss={ this._onClosePanel } headerText='Panel - Small, right-aligned, fixed, with footer' + closeButtonAriaLabel='Close' onRenderFooterContent={ () => { return (
diff --git a/packages/office-ui-fabric-react/src/utilities/selection/SelectionZone.tsx b/packages/office-ui-fabric-react/src/utilities/selection/SelectionZone.tsx index 4aff9b3d5b2f81..ded477edfedded 100644 --- a/packages/office-ui-fabric-react/src/utilities/selection/SelectionZone.tsx +++ b/packages/office-ui-fabric-react/src/utilities/selection/SelectionZone.tsx @@ -319,7 +319,8 @@ export class SelectionZone extends BaseComponent { // For toggle elements, assuming they are rendered as buttons, they will generate a click event, // so we can no-op for any keydowns in this case. break; - } else if (target.tagName === 'BUTTON' || target.tagName === 'A' || target.tagName === 'INPUT') { + } else if ((ev.which === KeyCodes.enter || ev.which === KeyCodes.space) && + (target.tagName === 'BUTTON' || target.tagName === 'A' || target.tagName === 'INPUT')) { return false; } else if (target === itemRoot) { if (ev.which === KeyCodes.enter) {