Merge pull request #1654 from Royal-Navy/fix/dropdown-ie11

fix(Dropdown): Fix label in ie 11
Royal-Navy · Nov 12, 2020 · 4a91022 · 4a91022
2 parents 75b0042 + 341a456
commit 4a91022
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/react-component-library/src/components/Dropdown/Dropdown.tsx b/packages/react-component-library/src/components/Dropdown/Dropdown.tsx
@@ -23,6 +23,13 @@ const StyledSelect = styled(Select)`
     border-color: ${color('neutral', '200')};
   }
 
+  // ie 11 fix: https://github.com/philipwalton/flexbugs/issues/231#issuecomment-362790042
+  .rn-dropdown__control:after {
+    content: '';
+    min-height: inherit;
+    font-size: 0;
+  }
+
   .rn-dropdown__placeholder {
     color: ${color('neutral', '500')};
   }