metafizzy / metafizzy/flickity

Scrolling up / down on mobile phone cause slider to move

Open
#1,274 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
7.6k
Forks
593
PR merge metrics
No merged PRs in 30d

Description

Scenerio
You have a slider on your website. When on mobile, you scroll down with your thumb, like you normally do (when you scroll thru website) and then when slider comes into viewport and you want to scroll down, instead of scrolling down, slider gets moved (it thinks you want to slide left) and or some cases it even slides into next slide.

I have tested this against some other slider plugins, but I have to conclusion that swiping is not properly handled by flickity, since when you scroll down it should not detect that you want to swipe right / left.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the reported behavior with a Flickity slider on a mobile device, scrolling vertically as the slider enters the viewport. Trace the swipe handling responsible for moving to the next slide, and verify that vertical page scrolling no longer triggers horizontal slider movement while intentional horizontal swipes still work.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.