casesandberg / casesandberg/react-color
Colour picker is not working properly in Chrome picker on Internet explorer
- 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
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