casesandberg / casesandberg/react-color

Alpha scroller for RGBA does not synchronize with mouse movement

Open
#842 5 comments 1 reaction 0 assignees View on GitHub
Dominant language
JavaScript
Stars
12.3k
Forks
920
PR merge metrics
No merged PRs in 30d

Description

# Current Condition :

When we click and drag on the Opacity scroller in `SketchPicker`, the scroller does not have a good position.

The scroller's position does not placed in the middle of the mouse cursor.

![Hnet-image (2)](https://user-images.githubusercontent.com/2855979/138441796-3ee737ac-d74a-4e10-a5be-c5fee9fb1830.gif)

# Expected condition

The scroller should follow the exact position of the cursor.

Contributor guide

Open the contributing guide

Research direction

Start by locating the SketchPicker implementation and its RGBA opacity scroller, then reproduce the click-and-drag behavior described in the issue. The work is done when the scroller follows the mouse cursor with its position centered correctly during dragging.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.