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

Shadow are not visible when using EffectCards as module only #7704

Closed
5 of 6 tasks
imagoiq opened this issue Aug 27, 2024 · 0 comments · Fixed by lucentlabz/usaspending-website#19 · 4 remaining pull requests
Closed
5 of 6 tasks

Shadow are not visible when using EffectCards as module only #7704

imagoiq opened this issue Aug 27, 2024 · 0 comments · Fixed by lucentlabz/usaspending-website#19 · 4 remaining pull requests

Comments

@imagoiq
Copy link

imagoiq commented Aug 27, 2024

Check that this is really a bug

  • I confirm

Reproduction link

https://codesandbox.io/p/sandbox/swiper-effect-cards-forked-97x7ct?workspaceId=d0f99a06-a245-49d5-bbe4-3c747243a9ae

Bug description

When using EffectCards as module (so without bundling) and inject module style with injectStylesUrls, cards shadow are not visible and the cards are cut when grabbing.

The .swiper-cards class should add overflow:visible to make it works, but it appears that with this configuration (injecting style vs constructed stylesheet) the specifity is won with the .swiper class which has overflow:hidden.

Expected Behavior

No response

Actual Behavior

No response

Swiper version

11.1.0

Platform/Target and Browser Versions

any

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
Repository owner deleted a comment Aug 27, 2024
Repository owner locked and limited conversation to collaborators Aug 27, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.