Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Defining addons breaks tailwindcss #586

Open
jakubsacha opened this issue Nov 10, 2024 · 2 comments
Open

Defining addons breaks tailwindcss #586

jakubsacha opened this issue Nov 10, 2024 · 2 comments
Labels
bug Something isn't working

Comments

@jakubsacha
Copy link
Contributor

jakubsacha commented Nov 10, 2024

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 jakubsacha added the needs triage needs to be reviewed label Nov 10, 2024
@tajo tajo added bug Something isn't working and removed needs triage needs to be reviewed labels Nov 12, 2024
@tajo
Copy link
Owner

tajo commented Nov 12, 2024

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.

@jakubsacha
Copy link
Contributor Author

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants