swiper
swiper copied to clipboard
Swiper Element: lazyload preloader is not working as expected
Check that this is really a bug
- [X] I confirm
Reproduction link
https://codesandbox.io/p/sandbox/swiper-lazy-load-images-forked-gt7jrr
Bug description
After going through the list of slides and looping back to the first slide the lazy-preloader becomes visible and never disappears.
Expected Behavior
No response
Actual Behavior
No response
Swiper version
@11
Platform/Target and Browser Versions
macOS Chrome 119, macOS Safari 17.1
Validations
- [X] Follow our Code of Conduct
- [X] Read the docs.
- [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
- [X] 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
In my case, the same phenomenon as above occurred in both versions 9 and 10 so that I did down grade to version 8. macOS Chrome and Safari, windows Chrome.
Is this trouble cause I'm using a CDN?
Same problem here.
As a workaround the preloader-icon can be hidden with:
swiper-slide::part(preloader) { display: none; }
same issue, a new preloader is added every time we loop through the list