Modal overlay is rendered above the scroll

[italodeandra]

What package has an issue

@mantine/modals

Describe the bug

You can scroll normally using the mouse scroll, but if you try clicking the scroll bar you actually click the overlay triggering the modal to close.

If possible, please include a link to a codesandbox with the reproduced problem

https://mantine.dev/others/modals/

Do you know how to fix the issue

Yes

Are you willing to participate in fixing this issue and create a pull request with the fix

Yes

[rtivital]

@italodeandra feel free to send a PR with a fix

[rtivital]

Help is still wanted on this, if someone wants to submit a PR feel free to ping me here.

[IdrisIsra]

@rtivital I think I have a fix, please review PR.

[rtivital]

Issue is not fixed, #2445 is not a valid solution as click outside events do not work

[IdrisIsra]

My bad, didn't notice that issue.

I'm kind of at a loss, any ideas? The only thing I can think of right now is to change the inset of the overlay so that it does not cover the scrollbar to the right, but this would need to be mirrored in RTL situations and it would also need to not do this on mobile resolutions. As far as I know there's no way to give position: absolute to the scrollbar to make it have priority, and I'm not sure if putting a transform on it to move it up would be a good idea. Maybe something that I don't know?

[armanatz]

@rtivital I was facing the same problem and I believe I fixed it with my PR #2669. Waiting on your review :)