Skip to content
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

Tailwind breaks svelte-calendar's css #141

Open
mtrevor opened this issue Nov 23, 2021 · 1 comment
Open

Tailwind breaks svelte-calendar's css #141

mtrevor opened this issue Nov 23, 2021 · 1 comment

Comments

@mtrevor
Copy link

mtrevor commented Nov 23, 2021

I have been using Tailwind with svelte-calendar quite happily for a while, but since the theming changes have been added, it no longer works correctly. It looks like some of the Tailwind utility selectors may be conflicting with this component now.

I stripped it back to a basic app:

<script>
  import { Datepicker } from "svelte-calendar"
</script>

<Datepicker />

<style global>
  @tailwind base;
  @tailwind components;
  @tailwind utilities;
</style>

image

It looks like I can get around this by prefixing every Tailwind selector but that's a massive task to get a component that was previously working fine to display correctly again.

Is there a known way to avoid this?

@6eDesign
Copy link
Owner

6eDesign commented Dec 1, 2021

Hey @mtrevor - thanks for using the calendar and sharing your experience. The latest updates were intentionally versioned as a major release to warn of possible breaking changes as it was completely rewritten. However, I'd love to figure out what's going on for you as I know tailwind is fairly popular.

I have not used tailwind myself, though. Is there any chance you could provide a minimal replication of the bug via the svelte repl or a small example repository?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants