Exports the <InboxContent /> component which is what is used under the hood to render <Notifications /> and/or <Preferences />. It's usage will be primarily with custom popovers (See example in playground).
Fixes the custom popover issue of not opening on click, because of the react tree hierarchy (caused by our rendering higher up). This is done via one renderer per component we export in @novu/react.
Fixes the issue where the custom popover closes because we render something in a portal (thus the popover loses focus). This is done via rendering all dropdowns and tooltips without a portal.
Also fixed an issue that appeared because of this, with autoUpdate where the layout was affected in a weird way. Passed options elementResize: false, ancestorScroll: false, animationFrame: false, layoutShift: false to it to fix.
Screenshots
Expand for optional sections
### Related enterprise PR
### Special notes for your reviewer
What changed? Why was the change needed?
This PR:
<InboxContent />
component which is what is used under the hood to render<Notifications />
and/or<Preferences />
. It's usage will be primarily with custom popovers (See example in playground).@novu/react
.autoUpdate
where the layout was affected in a weird way. Passed optionselementResize: false, ancestorScroll: false, animationFrame: false, layoutShift: false
to it to fix.Screenshots
Expand for optional sections
### Related enterprise PR ### Special notes for your reviewer