Modal closeOnClickOutside not working

[hunterwilhelm]

What package has an issue

@mantine/core

Describe the bug

closeOnClickOutside is no longer working for the Modal component.

Perhaps caused by this bug fix?
92305e2

What version of @mantine/hooks page do you have in package.json?

5.3.2

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

https://codesandbox.io/s/mantine-modal-closeonclickoutside-bug-f12rek

Do you know how to fix the issue

No

[rickmoens]

Indeed it is caused by setting the z-index to -1 in 92305e2.

[DaniloHP]

Yep, noticed this too. You can even see it in the docs for Modal. This specific example actually soft locks the page because esc to close modal doesn't seem to be working either so there's no way to close that modal! This is pretty urgent IMO

[rickmoens]

A fix is to set the z-index of the inner element to -1 and revert the z-index of the overlay element. The scroll bar can then be used again, the only downside is that it is behind the overlay. See the Codesandbox.

[rtivital]

Fixed in 5.3.3

[chingiz19]

I think bug is back at least on 5.9.5