fix: prevent disabled flipper from emitting event (microsoft#21003)

* fix: prevent disabled flipper from emitting event * Change files
mlp73 · Jan 17, 2022 · 3b6524d · 3b6524d
1 parent 1cc9715
commit 3b6524d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/change/@fluentui-web-components-2ae56d3f-5f09-4765-89cd-f5dbcf84acea.json b/change/@fluentui-web-components-2ae56d3f-5f09-4765-89cd-f5dbcf84acea.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: prevent disabled flipper from emitting event",
+  "packageName": "@fluentui/web-components",
+  "email": "jes@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/web-components/src/flipper/flipper.styles.ts b/packages/web-components/src/flipper/flipper.styles.ts
@@ -45,6 +45,7 @@ export const flipperStyles: (context: ElementDefinitionContext, definition: Flip
     :host(.disabled) {
       opacity: ${disabledOpacity};
       cursor: ${disabledCursor};
+      pointer-events: none;
     }
 
     .next,