akiran/react-slick

Auto Play - Clicked Dots Remains active

Open

#1432 opened on Nov 23, 2018

View on GitHub
 (11 comments) (3 reactions) (0 assignees)JavaScript (11,386 stars) (2,109 forks)batch import
good first issue

Description

In the Auto Play demo page (https://react-slick.neostack.com/docs/example/auto-play-methods). When we click on a dot, the user is getting a feeling like two dots are active. Why are we having this behaviour ?

image

Contributor guide

Tech stack
javascriptreacthtmlcss
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Basic React knowledgeUnderstanding of component state
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
The bug appears to be a UI state conflict between auto play and manual dot clicks. The issue is that after clicking a dot during auto play, two dots remain active. This suggests the active state may not be properly reset when auto play transitions. Investigate the `afterChange` callback and the dot click handler in the main slider component. Look for how the active slide index is updated and whether the auto play timer resets correctly. Check if there is a race condition between the click event and the auto play interval. The fix likely involves ensuring the active state is properly synchronized when a dot is clicked during auto play.