fix(components): prevent interactions on disabled Selector (#493)

sumup-oss · Oct 15, 2019 · 119e83e · 119e83e
1 parent d0bad70
commit 119e83e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/components/Selector/Selector.js b/src/components/Selector/Selector.js
@@ -55,6 +55,7 @@ const disabledStyles = ({ disabled, theme }) =>
     label: selector--disabled;
     color: ${theme.colors.n500};
     cursor: default;
+    pointer-events: none;
   `;
 
 /**

diff --git a/src/components/Selector/__snapshots__/Selector.spec.js.snap b/src/components/Selector/__snapshots__/Selector.spec.js.snap
@@ -30,6 +30,7 @@ exports[`Selector should render a disabled selector appropriately 1`] = `
   margin-bottom: 16px;
   color: #9DA7B1;
   cursor: default;
+  pointer-events: none;
 }
 
 .circuit-0:hover {