metafizzy / metafizzy/flickity

Links below gallery can't be executed on first click on iOS Safari

Open
#1,288 0 comments 2 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
7.6k
Forks
593
PR merge metrics
No merged PRs in 30d

Description

**Test case:** https://flickitybug.w3spaces.com/test.html
**Browser:** Exclusively on iOS Safari (tested in version 16.7.2 (iPad OS) and 17.0.3 (iPhone OS))
**Flickity Version:** Exclusively on 2.3.0. This bug did not exist in versions early than that

Requirements for this bug:
- iOS Safari (mobile device)
- Flickity-gallery height has to be 100vh or higher
- There has to be a transition with opacity and transform on the gallery

When those requirements are met, links below are only executed on the second click.

We know this sounds like a very specific problem, but it can be reproduced easily and we found this problem on several websites of ours.

Any help would be appreciated :)

Contributor guide

Open the contributing guide

Research direction

Start with the linked test case and reproduce the behavior on iOS Safari using Flickity 2.3.0, a gallery at least 100vh tall, and the stated opacity and transform transition. Compare with an earlier Flickity version and verify that links below the gallery execute on the first click; the issue names no source files or tests to inspect.

Written by the indexing model from the issue text.

Assessment

Tech stack
ios, javascript
Domain
frontend, mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.