Add pointer-events none for slotted svgs in button and anchors to pre…

…vent focus rect on click (microsoft#17750) * add pointer-events none for slotted svgs in buttons and anchors to prevent focus rect on click * Change files
miroslavstastny · May 5, 2021 · d34d868 · d34d868
1 parent 76ec930
commit d34d868
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/change/@fluentui-web-components-bc432deb-1c1e-4c4d-9740-42e530893758.json b/change/@fluentui-web-components-bc432deb-1c1e-4c4d-9740-42e530893758.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "add pointer-events none for slotted svgs in buttons and anchors to prevent focus rect on click",
+  "packageName": "@fluentui/web-components",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/web-components/src/styles/patterns/button.ts b/packages/web-components/src/styles/patterns/button.ts
@@ -107,6 +107,7 @@ export const BaseButtonStyles: ElementStyles = css`
             replace when adaptive typography is figured out */ ''
     } width: 16px;
     height: 16px;
+    pointer-events: none;
   }
 
   .start {