tailwindlabs/tailwindcss-typography

Different rendering on Firefox

florianbouvot opened this issue · 3 comments

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

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 meant to do this yesterday but 0.5.13 is out now that addresses this 👍