react-component / react-component/slider

After clicking Handle, click dragging the Track doesn't work twice.

Open
#638 5 comments 9 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
3.1k
Forks
768
Avg merge
11d 22h
Merged PRs (30d)
5

Description

Trying to click and drag on desktop works very unexpectedly. It will sometimes randomly not work.

rc-slider-bug

Version: 8.7.1 && 9.2.3
Tested on the live example

Steps to reproduce:

  1. Click the handle
  2. Click and drag on the track (nothing will happen)
  3. Click and drag on the track again (now it will show cursor: not-allowed but still not do anything)
  4. Click and drag on the track once again (now it will work as expected)

It will sometimes show the cursor: not-allowed on the second step. If that happens it will start working on the next click & drag

Contributor guide

No contributing guide indexed for this repository

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 with the live example and reproduce the reported sequence: click the handle, then click and drag the track repeatedly. Trace the track and handle interaction entry points to identify why the first attempts are ignored or show cursor: not-allowed; done means the track drag works consistently after clicking the handle, with a regression test covering the sequence.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.