fix(form-builder): add workaround for safari rendering select file bu…

…tton as native button Fixes [ch6017]
sanity-io · Mar 4, 2021 · b2422e9 · b2422e9 · vercel · Mar 4, 2021
1 parent b79cec2
commit b2422e9
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/@sanity/form-builder/src/inputs/files/common/FileInputButton/FileInputButton.tsx b/packages/@sanity/form-builder/src/inputs/files/common/FileInputButton/FileInputButton.tsx
@@ -30,6 +30,12 @@ const SelectButton = styled(Button)(({theme}: {theme: Theme}) => {
   const border = {width: 1, color: 'var(--card-border-color)'}
 
   return css`
+    //---
+    // Needed because normalize.css in the studio overrides this in Safari.
+    // Safe to remove the following line when when we no longer use normalize.css
+    appearance: none !important;
+    //----
+
     &:not([data-disabled='true']) {
       &:focus-within {
         box-shadow: ${focusRingStyle({