fix: hidden message dropdown below notifications center header (#5496)

* fix: render dropdown within portal * fix: added middlewares prop in menu --------- Co-authored-by: Biswajeet Das <[email protected]>
novuhq · May 7, 2024 · d48836b · d48836b
1 parent 5cafc05
commit d48836b
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/.../src/components/notification-center/components/notification-item/NotificationListItem.tsx b/.../src/components/notification-center/components/notification-item/NotificationListItem.tsx
@@ -206,6 +206,8 @@ export function NotificationListItem({
  shadow={colorScheme === 'dark' ? shadows.dark : shadows.light}
  withArrow
  classNames={overrideClasses}
+ withinPortal={true}
+ middlewares={{ flip: false, shift: false }}
  >
  <Menu.Target>
  <ActionIcon