Skip to content

ScrollArea component violates CSP directive rules #3597

@darlantc

Description

@darlantc

What package has an issue

@mantine/core

Describe the bug

We use strict CSP rules in our project and we configured Mantine to work with it using emotion cache:

const emotionCache = createEmotionCache({ nonce: cspNonce });
<MantineProvider emotionCache={emotionCache}>
...
</MantineProvider>

Everything is working as expected, but where we render the Select / Autocomplete component and then we click to open the Dropdown the following error occurs:
CleanShot 2023-02-22 at 17 58 13

I can't see any style differences between my localhost and the production builds, so I'm not sure which styles are being blocked by it.

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

5.10.4

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

No response

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

Yes

Possible fix

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions