Tailwind breaks VideoOverlay in Leaflet #17917
-
|
What version of Tailwind CSS are you using? What build tool (or framework if it abstracts the build tool) are you using? What version of Node.js are you using? What browser are you using? What operating system are you using? Reproduction URL https://jsfiddle.net/w2m3ndqj/2/ 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. |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
|
Hey! Seems like for some reason the resets from tailwind 3 cdn interferes with the video here, you can fix it by adding this to your CSS file: .leaflet-container video {
max-width: initial;
}I guess what happens is that the |
Beta Was this translation helpful? Give feedback.
-
|
Thank you so much for the quick reply & fix! I hope this page can be of help to someone who runs into the same problem in the future |
Beta Was this translation helpful? Give feedback.
Hey! Seems like for some reason the resets from tailwind 3 cdn interferes with the video here, you can fix it by adding this to your CSS file:
I guess what happens is that the
max-width: 100%uses a parent for reference that does not have a width.