Is it possible to render a Mantine Modal within a specific element (vs entire page ) #6184
-
Say I had a side panel on a website and when a user clicks some sort of action within this panel I want to render a Modal. Instead of rendering the modal however over the entire page, can I get it to render JUST within the bounds of a given parent? I was thinking of This is an ask as I'd like a user to initiate a flow within an enclosed part of the application and not necessarily block anything from happening on the rest of the application. Thanks in advance! SpecsMantine v7.90React v18Node v17.9.1Next.js v13.5.6 |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 1 reply
-
It is not built into the library, bit you should be able to achieve that by customizing styles with Styles API |
Beta Was this translation helpful? Give feedback.
-
I was able to complete what I needed to do by setting |
Beta Was this translation helpful? Give feedback.
I was able to complete what I needed to do by setting
withinPortal
tofalse
on the<Modal />
as well as adjusting the styles as recommended by @rtivital in order to set the correct positioning and siizng.