fix(Drawer): fix z-index error

thematters · Jan 23, 2024 · 266d3cc · 266d3cc
1 parent 741c9c0
commit 266d3cc
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/components/Drawer/BaseDrawer.tsx b/src/components/Drawer/BaseDrawer.tsx
@@ -11,6 +11,7 @@ type BaseDrawerProps = {
   direction: 'left' | 'right' | 'top' | 'bottom'
   children?: React.ReactNode
   duration?: number
+  zIndex?: number
   enableOverlay?: boolean
   className?: string
   size?: number | string
@@ -67,11 +68,13 @@ export const BaseDrawer = ({
   direction,
   children,
   duration,
+  zIndex = 100,
   enableOverlay,
   className,
   size,
 }: BaseDrawerProps) => {
   const drawerStyles: CSSProperties = {
+    zIndex: zIndex,
     transitionDuration: `${duration}ms`,
     ...getDirectionStyle(direction, size),
   }