problem with using the Shad CN in Blocknote.

[Auwuwu]

Describe the bug
When using ShadCN with BlockNote editor, I encountered styling issues:

1. The dropdown menu triggered by "/" is unstyled.

2. Hover effects on the "+" (block side menu) and "⁝⁝" (more options) buttons have inconsistent colors.

3. These issues persist even in the official [StackBlitz]

right

wrong

To Reproduce

[Auwuwu]

https://www.blocknotejs.org/docs/getting-started/shadcn

[matthewlipski]

Hi, thanks for pointing this out - the StackBlitz example for ShadCN setup does indeed have broken styles. This is because the way the StackBlitz sandboxes are generated directly from the example code. The ShadCN version of BlockNote, however, requires the parent app to be using Tailwind, which the StackBlitz examples are not. We'll look into fixing this, and have added a disclaimer in the meantime (see #2034).

Are you running into this issue in your own code?