You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Note: the demo link is to a PWA generated from the same code base. If you open it on an ios device in Safari you can induce the behavior using the second method mentioned below.
On an Ionic / Vue iOS app, if you have scrolled to the bottom of a longer slide and swipe rapidly to a shorter slide the newly active slide will scroll to the bottom and result in the content of the shorter slide being hidden off the top of the screen.
This is a horizontal slide layout.
This behavior can be induced in 2 ways.
Swipe rapidly to switch slides and hold your finger on the screen for a second at the end of the swipe.
Swipe rapidly and at an upward angle.
I have added a function that uses scrollIntoView to scroll to the top of the slide after the slide change completes. I see that scroll to the top for a split second but then it jumps back to the bottom of the screen. It's interesting to note that the android apps and PWAs generated from the same code base do not behave this way.
Expected Behavior
The slide should switch and then scroll to the top.
Actual Behavior
The slide changes, scrolls to the top for a split second and then immediately jumps to the bottom and all content on the slide is hidden off the top of the screen.
Check that this is really a bug
Reproduction link
https://pattern.patternsites.com
Bug description
Note: the demo link is to a PWA generated from the same code base. If you open it on an ios device in Safari you can induce the behavior using the second method mentioned below.
On an Ionic / Vue iOS app, if you have scrolled to the bottom of a longer slide and swipe rapidly to a shorter slide the newly active slide will scroll to the bottom and result in the content of the shorter slide being hidden off the top of the screen.
This is a horizontal slide layout.
This behavior can be induced in 2 ways.
I have added a function that uses scrollIntoView to scroll to the top of the slide after the slide change completes. I see that scroll to the top for a split second but then it jumps back to the bottom of the screen. It's interesting to note that the android apps and PWAs generated from the same code base do not behave this way.
Expected Behavior
The slide should switch and then scroll to the top.
Actual Behavior
The slide changes, scrolls to the top for a split second and then immediately jumps to the bottom and all content on the slide is hidden off the top of the screen.
Swiper version
10.2.0
Platform/Target and Browser Versions
iOS 17 , Ionic / Capacitor app.
Validations
Would you like to open a PR for this bug?
The text was updated successfully, but these errors were encountered: