diff --git a/packages/mrgn-ui/src/components/ui/drawer.tsx b/packages/mrgn-ui/src/components/ui/drawer.tsx index 809f403d2a..44308ba8e6 100644 --- a/packages/mrgn-ui/src/components/ui/drawer.tsx +++ b/packages/mrgn-ui/src/components/ui/drawer.tsx @@ -9,7 +9,22 @@ const Drawer = ({ shouldScaleBackground = true, ...props }: React.ComponentProps ); Drawer.displayName = "Drawer"; -const DrawerTrigger = DrawerPrimitive.Trigger; +// window.scrollTo(0,0) for IOS drawer issue !! +const DrawerTrigger = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => { + return ( + { + props.onClick?.(e); + window.scrollTo(0, 0); + }} + ref={ref} + className={cn(className)} + {...props} + /> +)}); +DrawerTrigger.displayName = DrawerPrimitive.Trigger.displayName; const DrawerPortal = DrawerPrimitive.Portal;