TailwindCSS classes conflicting with Mantine styles

[steven-tey]

Probably need to persist hover-state classes and show them in the active state as well:

[YousefED]

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

[steven-tey]

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

[YousefED]

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

[steven-tey]

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

[steven-tey]

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?

[sasa95]

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;
}`