search

Rich-Harris / pancake

Experimental charting library for Svelte
MIT License
1.29k stars 61 forks source link

Potential rendering conflict with TailwindCSS #45

Closed nileshtrivedi closed 1 year ago

nileshtrivedi commented 1 year ago

Check out this example for the Zoomable Treemap:

Initial render is fine but upon clicking, the whole chart whitens out.

It's exactly the same code as what's linked from the README -> Examples page, with only this line added:

<svelte:head>
    <script src="//cdn.tailwindcss.com/"></script>
</svelte:head>

I suspect TailwindCSS is setting some global styles which Pancake is not isolating/defending against.

nileshtrivedi commented 1 year ago

Never mind. Renaming the CSS classname contents to something else fixes the issue.