Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

color picker slider issue #389

Closed
David-Carty opened this issue Mar 27, 2021 · 3 comments
Closed

color picker slider issue #389

David-Carty opened this issue Mar 27, 2021 · 3 comments
Assignees
Labels
bug Things that aren't working right in the library.

Comments

@David-Carty
Copy link

David-Carty commented Mar 27, 2021

Windows 10.
Chrome: Version 89.0.4389.90 (Official Build) (64-bit)
Erratic positioning of circular color selection indicator on color picker:

Area: (https://shoelace.style/components/color-picker )
Issue

Open the above link.
Click on the round color swatch to open the color picker.
Click on the large color area.
The circular color selection indicator is now active.
Now drag the slider below the color selection area.
Flickering and dancing of the color selection indicator will be apparent.

The color picker circular selector dances erratically when the sliders below the large color selection area are dragged from left to right.

Native behaviour suggests that repositioning the circle, when the sliders move, is not necessary. Native color picker behaviour would be the expected behaviour.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color

@David-Carty David-Carty added the bug Things that aren't working right in the library. label Mar 27, 2021
@claviska
Copy link
Member

Could you post a video of this? I don’t have a Windows machine to test on right now.

@David-Carty
Copy link
Author

screen-capture.mp4

@claviska
Copy link
Member

This was related to #388 and has been resolved in a04fc7c.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Things that aren't working right in the library.
Projects
None yet
Development

No branches or pull requests

2 participants