Vertical page scroll blocked after horizontal drag on mobile (v4)

[felipeacelino]

trafficstars

Checks

• [x] Not a duplicate.
• [x] Not a question, feature request, or anything other than a bug report directly related to Splide. Use Discussions for these topics: https://github.com/Splidejs/splide/discussions

Version

v4.1.3

Description

I'm experiencing an issue with vertical scrolling on mobile devices when using Splide v4. After swiping horizontally on the carousel, attempting to scroll the page vertically becomes unresponsive. It feels like the vertical scroll is being blocked or hijacked by the carousel interaction.

This issue does not occur in Splide v3, which handles vertical page scrolling as expected after dragging the carousel.

I've tested with different configurations such as waitForTransition: false and dragMinThreshold, but the problem persists.

🔗 Reproduction Link

• Splide v4 (with issue): https://jsfiddle.net/52h38aju/1/
• Splide v3 (working as expected): https://jsfiddle.net/uaw6xszn/

Reproduction Link

https://jsfiddle.net/52h38aju/1/

Steps to Reproduce

1. On a mobile device or using mobile emulation in the browser, swipe the carousel horizontally.

2. Immediately try to scroll the page vertically.

3. Notice that the vertical scroll is stuck or ignored momentarily, as if the touch is locked to the carousel.

Expected Behaviour

After dragging the carousel horizontally, vertical page scrolling should work normally and immediately, without delay or blocking — as it does in Splide v3.