Skip to content

This issue was moved to a discussion.

You can continue the conversation there. Go to discussion →

Tailwind breaks VideoOverlay in Leaflet #17914

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

Closed
michielproce opened this issue May 7, 2025 · 0 comments
Closed

Tailwind breaks VideoOverlay in Leaflet #17914

michielproce opened this issue May 7, 2025 · 0 comments

Comments

@michielproce
Copy link

What version of Tailwind CSS are you using?
cdn.tailwindcss.com

What build tool (or framework if it abstracts the build tool) are you using?
cdn.tailwindcss.com

What version of Node.js are you using?
N/A

What browser are you using?
Chrome/Firefox

What operating system are you using?
Windows

Reproduction URL

https://jsfiddle.net/w2m3ndqj/2/
(based on https://leafletjs.com/examples/overlays/example-nocontrols.html, remove <script src="https://cdn.tailwindcss.com"></script> to see the expected result)

Describe your issue

When implementing Leaflet's VideoOverlay (https://leafletjs.com/examples/overlays/), the inclusion of Tailwind breaks the overlay. The width of the video element is permanently set to 0.
I'd expect Tailwind not to break Leaflet's functionality

@tailwindlabs tailwindlabs locked and limited conversation to collaborators May 7, 2025
@philipp-spiess philipp-spiess converted this issue into discussion #17917 May 7, 2025

This issue was moved to a discussion.

You can continue the conversation there. Go to discussion →

Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant