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

Fade effect does not work with virtual slides. Strange behavior. #7730

Open
5 of 6 tasks
barrakuda099 opened this issue Sep 10, 2024 · 2 comments
Open
5 of 6 tasks

Fade effect does not work with virtual slides. Strange behavior. #7730

barrakuda099 opened this issue Sep 10, 2024 · 2 comments
Labels
t0ggles Linked to the t0ggles task Vue

Comments

@barrakuda099
Copy link

Check that this is really a bug

  • I confirm

Reproduction link

https://codesandbox.io/p/devbox/swiper-vue-effect-fade-forked-tclghq

Bug description

Fade effect does not work correctly with virtual slides. Several problems:

  1. Open link and try to go next slide a couple of times. You will see following:
  • First click on next slide button (slide occurs with transition effect)
  • Second click on next slide button (slide occurs immediately without transition and after that transition occurs for next slide)
  1. In case swiper has "loop" flag, second slide does not shown at all (white screen). To reproduce you need to go click next slide button until slide is not visible (on the second circle you will see that slide 2 is empty)
    image

Expected Behavior

No response

Actual Behavior

No response

Swiper version

11.1.12

Platform/Target and Browser Versions

Chrome

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
@nolimits4web
Copy link
Owner

t0ggles-create swiper

Copy link

t0ggles bot commented Sep 12, 2024

Task nolimits4web/SWIPER-151 was created

t0ggles task SWIPER-151

@t0ggles t0ggles bot added the t0ggles Linked to the t0ggles task label Sep 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
t0ggles Linked to the t0ggles task Vue
Projects
None yet
Development

No branches or pull requests

2 participants