[Bug]: tailwindcss causes layout exception

[ayangweb]

Version

System:
  OS: macOS 14.4
  CPU: (10) arm64 Apple M1 Pro
  Memory: 227.08 MB / 16.00 GB
  Shell: 5.9 - /bin/zsh
Browsers:
  Chrome: 130.0.6723.119
  Safari: 17.4
npmPackages:
  rspress: ^1.37.0 => 1.37.0

Details

The cause of the problem is that when I installed and used tailwindcss as per the official documentation, it introduced tailwindcss/utilities, which resulted in a layout exception!

I'm thinking that perhaps a style isolation scheme should be used to ensure that the styles of the built-in components are not affected by other custom components.

Reproduce link

https://github.com/EcoPasteHub/EcoPaste-Docs/tree/layout-bug

Reproduce Steps

pnpm install

pnpm dev

Delete tailwindcss/utilities and watch again!

[Timeless0911]

This is a known issue, we will add special prefix of tailwindcss for internal components in the future, but it is a huge work and we will achieve it in Rspress 2.0.

You can add prefix for your tailwindcss instead.

[ayangweb]

Okay, got it. Thanks.