Button: Adding pointer-events: none to :after focus rectangle (micros…

…oft#13696) * Button: Adding pointer-events: none to :after focus rectangle. * Change files * Deleting unused story.
levithomason · Jun 19, 2020 · 35f5aa2 · 35f5aa2
1 parent 0e7b691
commit 35f5aa2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/change/@fluentui-react-button-2020-06-18-17-43-50-buttonFocusAfterPointerEventsNone.json b/change/@fluentui-react-button-2020-06-18-17-43-50-buttonFocusAfterPointerEventsNone.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "Button: Adding pointer-events: none to :after focus rectangle.",
+  "packageName": "@fluentui/react-button",
+  "email": "humbertomakotomorimoto@gmail.com",
+  "dependentChangeType": "patch",
+  "date": "2020-06-19T00:43:50.885Z"
+}
diff --git a/packages/react-button/src/components/Button/Button.scss b/packages/react-button/src/components/Button/Button.scss
@@ -277,4 +277,5 @@
   border-radius: var(--button-borderRadius);
   border: var(--button-focus-width, 2px) solid var(--button-focusColor);
   box-shadow: 0 0 0 var(--button-focus-innerWidth, 1px) var(--button-focusInnerColor) inset;
+  pointer-events: none;
 }