Bug with horizontal scrolling in ScrollArea inside the Drawer

[AlexeyEsin]

Dependencies check up

• I have verified that I use latest version of all @mantine/* packages

What version of @mantine/* packages do you have in package.json?

7.13.4

What package has an issue?

@mantine/core

What framework do you use?

Vite

In which browsers you can reproduce the issue?

Chrome

Describe the bug

ScrollArea with horizontal scrolling works with errors inside the Drawer.

One of the reproduction options that you can try out in CodeSandbox:

1. Scroll all the way to the right using Shift and the mouse wheel.
2. Scroll down and then back up to the top.
3. Try to scroll through Shift (horizontal scrolling does not work).

I know that there is a Usage with scrollArea section in the Drawer documentation, but it is not suitable for my situation. I need a specific element inside the Drawer to be scrollable, not the entire content. Besides this problem can potentially occur not only inside the Drawer. I just gave an example that I came across.

I am using Windows 11 and Chrome v130.0.6723.70. I will update this issue after I try to reproduce it on my Mac.

If possible, include a link to a codesandbox with a minimal reproduction

https://codesandbox.io/p/sandbox/mantine-react-template-forked-cnc5ff

Possible fix

No response

Self-service

• I would be willing to implement a fix for this issue