Using the Tailwind CSS Icon Plugin package, animated icons display with a black box around them in Firefox v111, while appearing correctly in other browsers like Chrome and Safari. This inconsistency affects the overall visual appeal of the project.
Steps to reproduce:
Install this Tailwind CSS Icon Plugin package.
Add an animated icon using provided classes (e.g., animate-spin).
Open in Firefox v111 and notice the black box around the icon.
Compare with other browsers to confirm the issue is Firefox-specific.
Expected: Animated icons display consistently without artifacts.
Actual: Black box appears around animated icons in Firefox v111.
Using the Tailwind CSS Icon Plugin package, animated icons display with a black box around them in Firefox v111, while appearing correctly in other browsers like Chrome and Safari. This inconsistency affects the overall visual appeal of the project.
Steps to reproduce:
animate-spin
).Expected: Animated icons display consistently without artifacts. Actual: Black box appears around animated icons in Firefox v111.
Additional info:
Please advise on any known workarounds or further information needed. Thanks!