ladle icon indicating copy to clipboard operation
ladle copied to clipboard

Defining addons breaks tailwindcss

Open jakubsacha opened this issue 1 year ago • 2 comments

Describe the bug

When I define anything in addons inside .ladle/config.mjs, tailwind stops working. In the example below, when you comment out addons, tailwind starts working again (Simple Story text turns into red because I added text-red-500 to it.).

Reproduction

https://stackblitz.com/edit/ladle-edyec9?file=.ladle%2Fconfig.mjs

Environment

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

jakubsacha avatar Nov 10 '24 16:11 jakubsacha

The active width addon wraps the story with an iframe, so it's likely an issue of CSS not being correctly applied inside the iframe.

tajo avatar Nov 12 '24 22:11 tajo

After reading this https://ladle.dev/docs/width/ I was under the impression that the only thing I do, is I customize widths, because this addon seems to be active by default.

jakubsacha avatar Nov 13 '24 08:11 jakubsacha