fix: select list background, position, display (#213)

treely · Sep 20, 2024 · dcfc6c5 · dcfc6c5
1 parent b0b5fff
commit dcfc6c5
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/components/Select/Select.tsx b/src/components/Select/Select.tsx
@@ -333,9 +333,13 @@ export const BoemlySelect: React.FC<BoemlySelectProps> = ({
             p="2"
             borderRadius="lg"
             boxShadow="md"
-            position="relative"
-            maxWidth={isFullWidth ? '100%' : 'auto'}
             role="listbox"
+            bg="white"
+            position="absolute"
+            top="100%"
+            left="0"
+            zIndex="docked"
+            width={isFullWidth ? '100%' : 'auto'}
           >
             {isSearchable && (
               <InputGroup mb="4">
@@ -385,7 +389,7 @@ export const BoemlySelect: React.FC<BoemlySelectProps> = ({
             )}
             <VStack
               position="relative"
-              zIndex={10}
+              zIndex="docked"
               bg="white"
               mt="2"
               mb="2"