Tooltip over text in the popup when setting font-size

[OmegaSkiller]

I'm trying to make the text bigger in the content, but when I set it to 15px or more the tooltip comes over the text:

JS: const popup = L.responsivePopup().setContent('<div class="buyPopup" id="land-detail-' + feature.properties.id + '">Loading...</div>');

CSS: .buyPopup { font-size: 16px; font-family: 'Mulish', sans-serif; text-align: center; }

[yafred]

Use className (same as L.Popup)

L.reponsivePopup({ className: 'buyPopup' })

[OmegaSkiller]

Just tried that, but it doesnt work 😞 const popup = L.responsivePopup({ className: 'buyPopup' }).setContent('<div class="buyPopup" id="available-detail-' + feature.properties.id + '">Loading...</div>');

[OmegaSkiller]

Also just noticed another issue

[OmegaSkiller]

Ok, so the problem was that I was setting minWidth and minHeight in the bindPopup function and changing the content dynamically. I added the min-width and min-height to css and it worked!

Sorry for spamming. Closing this! 😄