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 2.1+ JIT important (exclamation-prefixed) classnames support #4812

Closed
5 of 6 tasks
yura3d opened this issue Aug 8, 2021 · 0 comments
Closed
5 of 6 tasks

Comments

@yura3d
Copy link

yura3d commented Aug 8, 2021

Check that this is really a bug

  • I confirm

Reproduction link

https://codesandbox.io/s/swiper-pagination-forked-lsmep?file=/index.html

Bug description

Tailwind 2.1+ JIT provides a mechanism to auto-generate important modifiers for all styles under exclamation-prefixed classnames:

<p class="font-bold !font-medium">
  This will be medium even though bold comes later in the CSS.
</p>

It seems Swiper doesn't support of exclamation mark in options for classnames. For example, pagination.bulletClass

Expected Behavior

Setting classnames with exclamation mark for pagination.bulletClass will apply these classnames to pagination bullets without any errors.

Actual Behavior

Setting classnames with exclamation mark for pagination.bulletClass applies these classnames to pagination bullets, but after that the bullets don't work: active bullet is not highlighted, clicking doesn't change slides (see CodeSandbox).

Swiper version

6.8.1

Platform/Target and Browser Versions

Win10 x64, Chrome 92.0.4515.131

Validations

  • Follow our Code of Conduct
  • Read the docs.
  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
  • Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

  • I'm willing to open a PR
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

1 participant