Transparent / broken CSS with ShadCN / Tailwind #2147
Description
Describe the bug
I'm trying to use the normal ShadCN components in my app. I've installed Tailwind v4 and trying to install the BlockNote Component. The toolbar is showing up weirdly. I'm using https://ui.shadcn.com/docs/theming#neutral the neutral colors
To Reproduce
https://stackblitz.com/edit/github-5lagy6c1?file=src%2FApp.tsx
Doing some debugging into shadcn/style.css, why is background set to transparent?
.bn-block-content[data-content-type=codeBlock]>div>select{outline:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;border:none;cursor:pointer;background-color:transparent;position:absolute;top:8px;left:18px;font-size:.8em;color:#fff;opacity:0;transition:opacity .3s;transition-delay:1s}
- Node version:
- Package manager:
- Browser:
- I'm a sponsor and would appreciate if you could look into this sooner than later 💖