Mantine removes the mobile filter button when used with Elastic's Search UI

[684efs3]

What package has an issue

@mantine/core

Describe the bug

If I install https://codesandbox.io/s/national-parks-example-kdyms (Elastic Search UI) on NextJS and add Mantine, then the mobile filter button will disappear.

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

5.9.6

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

https://codesandbox.io/s/national-parks-example-kdyms?resolutionWidth=320&resolutionHeight=675

Do you know how to fix the issue

No

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

None

Possible fix

No response

[rtivital]

The sandbox that you've sent includes the button

[684efs3]

I apologize - wrong sandbox. That one does not have Mantine installed. Here is the right one that I have reproduced: https://codesandbox.io/p/github/684efs3/mantine-search

[rtivital]

Your sandbox renders only an empty screen

[684efs3]

Sorry try this: https://codesandbox.io/p/github/684efs3/mantine-search/draft/muddy-mountain?file=%2FREADME.md

[rtivital]

Your filters button has a hidden attribute. If you remove it, then the button will be visible. Elements with hidden attribute are hidden by normalize.css. If it is unwanted behavior, remove withNormalizeCSS prop from MantineProvider.

[684efs3]

Thank you!!!! I love Mantine. Am very happy I can use it with other libraries. Thanks for being so responsive.