fix(ui): prevents navbar jump when notification drawer opens

wgordon17 · wgordon17 · commit 617a779ca7c5 · 2026-04-03T09:43:59.000-04:00
diff --git a/src/app/components/shared/NotificationDrawer.tsx b/src/app/components/shared/NotificationDrawer.tsx
@@ -25,7 +25,7 @@ export default function NotificationDrawer(props: NotificationDrawerProps) {
   }
 
   return (
-    <Dialog open={props.open} onOpenChange={(open) => !open && props.onClose()} modal>
+    <Dialog open={props.open} onOpenChange={(open) => !open && props.onClose()} modal preventScroll={false}>
       <Dialog.Portal>
         <Dialog.Overlay class="drawer-overlay fixed inset-0 bg-black/50 z-[70]" data-testid="notification-overlay" />
         <Dialog.Content class="drawer-content fixed top-0 right-0 h-full w-80 sm:w-96 bg-base-100 shadow-xl z-[71] flex flex-col">

Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,7 @@ export default function NotificationDrawer(props: NotificationDrawerProps) {`
`25`	`25`	`}`
`26`	`26`
`27`	`27`	`return (`
`28`		`- <Dialog open={props.open} onOpenChange={(open) => !open && props.onClose()} modal>`
	`28`	`+ <Dialog open={props.open} onOpenChange={(open) => !open && props.onClose()} modal preventScroll={false}>`
`29`	`29`	`<Dialog.Portal>`
`30`	`30`	`<Dialog.Overlay class="drawer-overlay fixed inset-0 bg-black/50 z-[70]" data-testid="notification-overlay" />`
`31`	`31`	`<Dialog.Content class="drawer-content fixed top-0 right-0 h-full w-80 sm:w-96 bg-base-100 shadow-xl z-[71] flex flex-col">`