Color picker: when user start changing color the picker should not easily close
See original GitHub issue- VSCode Version:
- OS Version:
Steps to Reproduce:
- Hover over a CSS color and the color picker shows up, then move away and the picker goes away which is fine.
- Again do an hover over a CSS color again and this time start changing the color and if you have the misfortune of falling outside of the picker area, you lose the original color and your file is now dirty. The only way back is to do an undo (ctrl+z). It happened to me so many times that I slipped outside and lost my original color, the picker is just so small (the size is not the real culprit though) and it’s so easy to fall outside.
Reproduces without extensions: Yes
Proposition: I would rather argue that if the user starts changing the color, then it’s most probably he wants to stay in the picker until he decides that the color is acceptable (or not by clicking back on the original color). If you try Chrome for example, the picker stays open until you click away. I think this could be a better approach, and/or add a “x” on the top corner… but please only implement this behavior after the user starts changing the color.
Compare this to Chrome developer tool, it never closes unless we click outside the picker
Issue Analytics
- State:
- Created 6 years ago
- Reactions:8
- Comments:7 (1 by maintainers)
Top Results From Across the Web
How to close an html5 color picker? - Stack Overflow
The color picker depends heavily on a per-browser, per-platform implementation. There's technically no way to close the color picker ...
Read more >How to work with colors in Adobe Fresco.
Disable a color palette · 1. Open Settings and tap on App Settings. · 2. Select the General tab on the left pane....
Read more >Changing colors - Squarespace Help Center
Use the opacity slider to change the transparency. Click anywhere outside the color window to close the color picker. To undo any changes...
Read more >Presenting a Color Picker in SwiftUI - SerialCoder.dev
Implementing a custom palette is easy if colors collection should contain a limited set of colors. However, if we want to give users...
Read more >Color Palettes and Effects - Tableau Help
You can change the colors used in the range, the distribution of color, and other ... select a color from the color picker...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
As soon as I move my cursor a single pixel, the color picker closes
Version: 1.66.0 Commit: e18005f0f1b33c29e81d732535d8c0e47cafb0b5 Date: 2022-03-30T05:50:04.419Z Electron: 17.2.0 Chromium: 98.0.4758.109 Node.js: 16.13.0 V8: 9.8.177.11-electron.0 OS: Darwin x64 19.6.0
This has become a bit annoying for me as well; if I start changing the colour, I’d like the picker to stay around until I’m done.