Drawer without overlay still prevents interaction with the DOM outside the drawer

What package has an issue

@mantine/core

Describe the bug

Just upgraded from 4.x to the latest 5.x version.

Drawers with withOverlay: false before allowed you to interact with the DOM behind the drawer. The drawer root had a height and width of 0px.

Now, even with withOverlay: false the drawer root is fixed and inset 0 which prevents clicks from making it to the dom behind.

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

5.2

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

https://codesandbox.io/embed/misty-haze-8jx2p5

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

Possible fix

The withOverlay prop should be passed into the createStyles method and alter the output of the root styles.

[nmay231]

It probably should. It doesn’t make sense for that behavior when withOverlay={false}. @rtivital ?

[italodeandra]

Fixed on https://github.com/mantinedev/mantine/pull/2351 (Release 5.3.2)