Support for External Scroll in Modal

[adriano461997]

Hello!

First of all, I want to say that I absolutely love Mantine. I'm so impressed by its capabilities that I've made it my go-to choice for all my projects. However, I noticed one missing feature that I frequently used in other UI libraries, and I believe it would be a great addition to Mantine.

Currently, the Modal component only supports internal scrolling for its content. For example, in Material-UI, there is a prop that allows you to choose whether the scroll should occur inside the modal or on the page outside it.

Here’s an example from the documentation where the scroll happens within the modal:

`import { useDisclosure } from '@mantine/hooks';
import { Modal, Button } from '@mantine/core';

function Demo() {
const [opened, { open, close }] = useDisclosure(false);

const content = Array(100)
.fill(0)
.map((_, index) =>

Modal with scroll

);

return (
<>

{content}

  <Button variant="default" onClick={open}>
    Open modal
  </Button>
</>

);
}`

Is there any way to enable external scrolling for the Modal component? Or is this currently not supported? If not, I would like to request this as a feature.

Thank you for creating such an amazing library, and I hope this suggestion can be considered!

Best regards,
Adriano Evaristo