Fixes #21

anubra266 · Jul 10, 2021 · 10c67e8 · 10c67e8 · karimcambridge · Jul 11, 2021
1 parent 78477eb
commit 10c67e8
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/example/app.tsx b/example/app.tsx
@@ -59,6 +59,8 @@ const App = () => {
           </>
         )}
       </AutoComplete>
+
+
       {/* <Button
         zIndex="tooltip"
         mt="150px"

diff --git a/src/auto-complete.tsx b/src/auto-complete.tsx
@@ -9,7 +9,7 @@ import { closeList } from './helpers/list';
 
 export const AutoCompleteBody = forwardRef<AutoComplete, 'div'>(
   (props, ref) => {
-    const { children, onChange, ...rest } = props;
+    const { children, onChange, sx, ...rest } = props;
 
     const { state, dispatch } = useAutoCompleteContext();
 
@@ -53,7 +53,14 @@ export const AutoCompleteBody = forwardRef<AutoComplete, 'div'>(
         isOpen={isOpen}
         onClose={onClose}
       >
-        <Box ref={ref} {...rest}>
+        <Box
+          ref={ref}
+          sx={{
+            '.chakra-popover__popper': { position: 'unset !important' },
+            ...sx,
+          }}
+          {...rest}
+        >
           {runIfFn(children, childProps)}
         </Box>
       </Popover>