The Portal should create use something like MantineProvider's getRootElement by default

[tzachyrm]

I'm building a library component that uses Mantine and want to keep the UI scoped within a specific DOM element. getRootElement is very helpful, but Mantine is missing something similar for the Portal root element. Currently document.body is hard-coded.
A workaround might be to pass target or portalProps to every component that uses a portal, but that might get very challenging on large components. I suggest adding a centralized way to configure the default root element of the portal.

Something like:

const root = useRef()
<div ref={root}>
  <MantineProvider getPortalRoot={() => root.current}}>
    ...
  </MantineProvider>
</div>

[rtivital]

You can do that with default props – https://mantine.dev/theming/default-props/

[tzachyrm]

Yes, this works! Thank you!