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

[ghiscoding]

• 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

[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.

[miguelsolorio]

This is related to #95816 and #130248 where we need to set some padding + offset to increase the hover area

[eschwartz]

As soon as I move my cursor a single pixel, the color picker closes

Version: 1.66.0
Commit: e18005f
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

[lewallen]

As soon as I move my cursor a single pixel, the color picker closes

I have exactly this problem the first time I click a given color box, and then if I use the same color box again right away, the problem goes away.

I used to think I was just being more careful the second time around, but on further inspection I think this is part of the bug.

[ghiscoding]

Considering that I opened the issue 5 years ago, it doesn't look to be very high on their TODO list, which is sad considering that it's still very annoying 😓

[elYanuki]

Please work on this, its should be as simple as adding some padding and changing the colose condition right?. This is just so anoying.

[aiday-mar]

Hi earlier this year we have made it that when a hover is focused, it should no longer close when hovering out of it. This applied to the color picker, and you can use this feature to keep it open. Additionally if you want to make the color picker and the other hovers disappear less quickly, you can configure the hiding delay with the setting editor.hover.hidingDelay. The default is 300ms but it can be increased if you wish so.

This issue will be closed. If you have more improvements suggestions or bugs to fix, you can open a new issue in the vscode repo.