metafizzy / metafizzy/flickity

Prev/next button behaviour.

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

Description

It's not an issue/bug of a flickity, but something I struggle with(I can't recreate it in a reduced test case, and all the test cases seem to work fine).

I used Flickity to create a slider in Shopify. On my desktop Mac, when I click the next button, it first comes in focus(a blue ring appears around it), but no sliding occurs. Sliding occurs only on the second click.

So, basically, click—> nothing -> second click -> desired behaviour. This quirk is only on certain browsers(Mac Safari or Inspector mode in Chrome). Chrome on Windows doesn't have this quirk.

Literally pulled out my hair over this tiny thing. What can be the issue?

If someone wants to have a look, currently, I installed a slider on this [shop]( https://ifeelbeautiful.ca/). Main page, it says "featured products".

Heeelp!:)

Contributor guide

Open the contributing guide

Research direction

No source file or test is named. Start by reproducing the first-click behavior on the linked Shopify storefront in Mac Safari and Chrome Inspector, then compare it with Chrome on Windows; done means identifying a reproducible cause and confirming that the next button slides on its first click without regressing other browsers.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.