Is anyone else experiencing accessibility issues with elements inside Swiper slider in Safari? #7342
Unanswered
iamromanov
asked this question in
Q&A
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
Hi! I'm experiencing an issue with the accessibility of elements inside a slider in Safari: I'm using the Swiper library to create a vertical slider on my website. However, in Safari, the elements inside the slides become unresponsive after the slide fills the entire screen height. I suspect this issue arose after the recent Safari updates, as I didn't encounter it before.
Here's the link to the website where you can test my slider: https://eyres.iamromanov.ru. Please try scrolling the second slider until the slide fills the entire screen height or the beginning of the third slide appears. Then try doing the same in a different browser other than Safari.
Here are my slider settings:
let mainSlider = new Swiper(homeSlider, { direction: 'vertical', mousewheel: true, freeMode: true, simulateTouch: true, allowTouchMove: true, speed: 300, effect: "creative", creativeEffect: { prev: { shadow: true, translate: [0, "0%", -30], }, next: { translate: [0, "100%", 0], }, }, });
I would appreciate any assistance.
Beta Was this translation helpful? Give feedback.
All reactions