useSwipe Y swipe error

[bndrmrtn]

Describe the bug

When I use the useSwipe() method, in that area I cannot move the whole page up and down.
I am working on a chat app and I use this for messages. When too many messages under each other, and I want to scroll, the useSwipe also prevents that so I cannot scroll the page up and down. Is there a solution for this?

The attached video demonstrates the issue.

Screen_Recording_20240822_222037_Wizzl.mp4

Screen_Recording_20240822_222213_Chrome.mp4

Reproduction

https://vueuse.org/core/useSwipe/

System Info

Any browser.

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• The provided reproduction is a minimal reproducible example of the bug.

[fabienmacko]

Hey, same question here. Did you found a solution for this ?

[ilyaliao]

Hey, I just submitted a PR to fix this issue. If possible, could you please check if it resolves the problem? Thank you!