Color picker: when user start changing color the picker should not easily close

• VSCode Version:
• OS Version:

Steps to Reproduce:

1. Hover over a CSS color and the color picker shows up, then move away and the picker goes away which is fine.
2. 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

[eschwartz]

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

[iainhallam]

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.