casesandberg / casesandberg/react-color

Colour picker is not working properly in Chrome picker on Internet explorer

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

Description

**Issue Description -**

Using react-color picker in **Internet Explorer** is not updating the color values correctly. Once I click on the color dragged in chrome picker, then the color changes but looks like the drag is attached to the pointer and it moves as per the mouse pointer and the color values also get updated.

We are using `Sentry` for tracking our issues. We found below issues -

1. Unable to get property 'clientWidth' of undefined or null reference
File - `./node_modules/react-color/lib/helpers/hue.js`
line number - 7

2. Unable to get property 'getBoundingClientRect' of undefined or null reference
File - `../node_modules/react-color/lib/helpers/saturation.js`
line number - 7

**NOTE - Issue is only on IE**

Contributor guide

Open the contributing guide

Research direction

Reproduce the Chrome picker interaction in Internet Explorer and inspect ./node_modules/react-color/lib/helpers/hue.js at line 7 and ../node_modules/react-color/lib/helpers/saturation.js at line 7. Compare the failing element references and pointer behavior with the reported Sentry errors; done means dragging no longer stays attached to the pointer and the color values update correctly in IE.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.