Przeglądaj źródła

Fix `Dropdown` list appearing behind modal

This makes the `Dropdown` unusable if there's a modal with a greater
z-index than the Dropdown's.
Sergiu Miclea 8 lat temu
rodzic
commit
4c6955e1a0
1 zmienionych plików z 1 dodań i 1 usunięć
  1. 1 1
      src/components/molecules/Dropdown/Dropdown.jsx

+ 1 - 1
src/components/molecules/Dropdown/Dropdown.jsx

@@ -44,7 +44,7 @@ const List = styled.div`
   width: ${props => getWidth(props)}px;
   width: ${props => getWidth(props)}px;
   border: 1px solid ${Palette.grayscale[3]};
   border: 1px solid ${Palette.grayscale[3]};
   border-radius: ${StyleProps.borderRadius};
   border-radius: ${StyleProps.borderRadius};
-  z-index: 10;
+  z-index: 1000;
 `
 `
 const ListItems = styled.div`
 const ListItems = styled.div`
   max-height: 400px;
   max-height: 400px;