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

UI flickering on swiping with loop set to true #6914

Closed
5 of 6 tasks
barksploit opened this issue Aug 8, 2023 · 3 comments
Closed
5 of 6 tasks

UI flickering on swiping with loop set to true #6914

barksploit opened this issue Aug 8, 2023 · 3 comments

Comments

@barksploit
Copy link

barksploit commented Aug 8, 2023

Check that this is really a bug

  • I confirm

Reproduction link

https://codepen.io/barksploit/pen/JjeVwxJ

Bug description

Loop mode causes flicker between slides.

Supposedly fixed in #6673 bf29843 but still an issue latest version

Expected Behavior

No flicker

Actual Behavior

Flickers between slides as DOM elements are switched out

Swiper version

10.1.0

Platform/Target and Browser Versions

Any browser

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
@barksploit barksploit changed the title Flickering on swiping with loop="true" UI flickering on swiping with loop set to true Aug 8, 2023
@nolimits4web
Copy link
Owner

issue is related to controller

@drheavymetal
Copy link

drheavymetal commented Sep 28, 2023

The problems is also present without the loop set to true, with it as false also occurs. Is there any workaround?
My full swiper config:
effect: 'cards', grabCursor: true, centeredSlides: true, loop: false, maxBackfaceHiddenSlides: 2

It doesn't occurs at the first slides, the flickering starts after 20 or 25 slides, any idea?
And it doesn't happen (at least to me) on a desktop web browser, only on my mobile (android) with chrome. I've tried also in firefox and in firefox this flickering doesn't happen, but the transition between one slide and the next one it became too slow.

If you need help I will be happy to help you, even with the development
Thanks!

@nolimits4web
Copy link
Owner

Swiper v11 comes with reworked and update loop mode. If your issue is replicated with v11, create a new one

Repository owner locked and limited conversation to collaborators Oct 24, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

3 participants