From fc89a42432fd0232baec98802040ef4a4e25407c Mon Sep 17 00:00:00 2001 From: borcherd Date: Tue, 18 Feb 2025 21:56:27 -0300 Subject: [PATCH] fix: ios scroll fix --- packages/mrgn-ui/src/components/ui/drawer.tsx | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) 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;