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

Different rendering on Firefox #349

Closed
florianbouvot opened this issue Apr 23, 2024 · 3 comments · Fixed by #350
Closed

Different rendering on Firefox #349

florianbouvot opened this issue Apr 23, 2024 · 3 comments · Fixed by #350

Comments

@florianbouvot
Copy link

florianbouvot commented Apr 23, 2024

What version of @tailwindcss/typography are you using?

v0.5.12

What version of Node.js are you using?

v21.7.3

What browser are you using?

Firefox

What operating system are you using?

macOS

Reproduction repository

https://play.tailwindcss.com/qyhX006OCq

Describe your issue

Hi Tailwind team,

I find a rendering issue between Firefox and others browser.
If you add a br in an li it add space between text lines on Firefox but not on Chrome and Safari.

Capture d’écran 2024-04-23 à 10 40 11

Firefox / Chrome (see first list item)

It may be a problem with Firefox and not Tailwind 🤷‍♂️

Thanks, Florian

@thecrypticace
Copy link
Contributor

It's very odd that FF is allowing margins on <br> here. I've merged a fix in #350. Will tag a release in the am!

@florianbouvot
Copy link
Author

Thank you @thecrypticace

@thecrypticace
Copy link
Contributor

@florianbouvot meant to do this yesterday but 0.5.13 is out now that addresses this 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants