Setting overflow-y: scroll on swiper-slide breaks sliding on mobile.
Expected Behavior
Setting overflow-y: scroll on swiper-slide should work properly on mobile, as in the browser.
Actual Behavior
My test is with an Angular Ionic project, but the issue is reproduced in the codesandbox also.
In the browser, the slider works fine.
In Chrome Developer Tools, using a mobile device, or if I deploy on Android, the sliding is broken.
When I start to drag, the slide does not follow the movement, and sometimes the drag stops with the slide midway.
If I log the touchStart, touchMove and touchEnd events, there are only a few touchMove events, and then a touchEnd, while the drag action is still in progress.
If I put the overflow-y on the nested divs instead of on swiper-slide, the same thing happens.
Check that this is really a bug
Reproduction link
https://codesandbox.io/p/sandbox/swiper-default-8h4zgd
Bug description
Setting overflow-y: scroll on swiper-slide breaks sliding on mobile.
Expected Behavior
Setting overflow-y: scroll on swiper-slide should work properly on mobile, as in the browser.
Actual Behavior
My test is with an Angular Ionic project, but the issue is reproduced in the codesandbox also. In the browser, the slider works fine. In Chrome Developer Tools, using a mobile device, or if I deploy on Android, the sliding is broken. When I start to drag, the slide does not follow the movement, and sometimes the drag stops with the slide midway. If I log the touchStart, touchMove and touchEnd events, there are only a few touchMove events, and then a touchEnd, while the drag action is still in progress. If I put the overflow-y on the nested divs instead of on swiper-slide, the same thing happens.
This is the HTML:
This is the CSS:
Swiper version
10.2.0
Platform/Target and Browser Versions
Chrome, Android
Validations
Would you like to open a PR for this bug?