TailwindCSS classes conflicting with Mantine styles about blocknote HOT 6 OPEN

I think this is probably caused by the added Tailwind styles, there must be a conflict going in. Any thoughts what it could be? I think I'm able to reproduce, so will check as well

from blocknote.

Good point, since it doesn't seem to be happening in https://blocknote-main.vercel.app/...

However, on closer look, even if I removed the Tailwind styles (editorDOMAttributes and defaultStyles override), the bug is still there

from blocknote.

What if you remove the tailwind stylesheets? Maybe some globals are affected

from blocknote.

Ahh yup, you're right! Some of the Tailwind globals are conflicting with the Mantine classes

from blocknote.

Another odd thing is if I set prose-h1:text-2xl, the font size changes but the transition/resulting div doesn't change with it:

Should I open up a new issue for this?

from blocknote.

Ahh yup, you're right! Some of the Tailwind globals are conflicting with the Mantine classes

+1

This style from @tailwind base overrides the Mantine class:

button, [type='button'], [type='reset'], [type='submit'] {
    -webkit-appearance: button;
    background-color: transparent; /* this one */
    background-image: none;
}`

from blocknote.