kolebjak/react-mapycz

Map appears blank (white screen) when using with Tailwindcss

Closed this issue · 2 comments

danforejtek commented

I found out that Tailwind Preflight css applies styles mentioned below to img and video

img,
video {
  max-width: 100%;
  height: auto;
}

I am not quite sure why this affects map but in order to make it work I just override tailwind's Preflight max-width: 100% to initial and it works.

.smap {
  img {
    max-width: initial!important;
  }
}

Maybe someone who faced same problem will clarify this for me 😄

kolebjak commented

Hey,

thank you for your comment, i'll try to investigate if it's possible to apply some css resets to prevent this.

  • ❤️1
kolebjak commented

@danforejtek I've released version 1.1.2 with your css reset applied. Let me know if that problem occurs even in the new version.