[components] No pointer-events on arrow. pointer events on functions (#…

…667)
sanity-io · Mar 15, 2018 · 477f012 · 477f012
1 parent 88cf94c
commit 477f012
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/packages/@sanity/components/src/selects/styles/DefaultSelect.css b/packages/@sanity/components/src/selects/styles/DefaultSelect.css
@@ -11,8 +11,8 @@
 }
 
 .select {
-  composes: textInput from 'part:@sanity/base/theme/forms/text-input-style';
-  padding-right: 2rem;
+  composes: root from 'part:@sanity/base/theme/forms/text-input-style';
+  box-sizing: border-box;
   min-width: 7rem;
   appearance: none;
   position: relative;
@@ -70,6 +70,14 @@
   z-index: 1;
   pointer-events: none;
 
+  @nest & > * {
+    pointer-events: initial;
+  }
+
+  @nest & .arrow {
+    pointer-events: none;
+  }
+
   @nest & > *:not(:first-child) {
     margin-left: 0.5em;
   }

diff --git a/packages/@sanity/components/src/selects/styles/SearchableSelect.css b/packages/@sanity/components/src/selects/styles/SearchableSelect.css
@@ -15,6 +15,7 @@
 .arrow {
   transition: transform 0.1s linear, opacity 0.1s linear;
   outline: none;
+  user-select: initial;
 
   @nest &:hover, &:focus {
     opacity: 1;