Colour picker disappears when mouse hovers outside editor split

[kimbar]

• VSCode Version: Code 1.17.1 (1e9d365, 2017-10-10T14:24:41.632Z)
• OS Version: Windows_NT ia32 6.1.7601

Steps to Reproduce:

1. split the editor
2. open "User Settings" in left split
3. enter some custom colours in workbench.colorCustomizations
4. shrink the left split enough to have a colour box near to the split edge
5. activate colour picker
6. move the pointer hovering over the colour picker, but through the split vertical line to the other side (eg. to change the hue)
7. the colour picker disappears

Reproduces without extensions: Yes

[kieferrm]

Since I have the sidebar on the right I hit that quite frequently.

[tommai78101]

My theory (may be wrong) is:

---

Each tab, regardless if it's a document, a settings, UI element, panel, etc., are considered as a JavaScript entity, document. When a mouse leaves a document, the event is fired off and no longer can be able to detect mouse events.

Perhaps the Color Picker is closing prematurely is because it received a mouseout event, a blur event, or something that would cause it to fire off a "close" event of some kind, because the document is telling the Color Picker the mouse has left the area.

This suggests that this is working as intended, and it's a by-product or side effect of how JavaScript works with document DOM Elements in VS Code.

---

Thoughts?

[rebornix]

Shares the same root cause as #51794 since we are using the Hover for the color picker. Let's track it there.

[vscodebot]

Thanks for creating this issue! We figured it's covering the same as another one we already have. Thus, we closed this one as a duplicate. You can search for existing issues here. See also our issue reporting guidelines.

Happy Coding!