Cursor jumps to the bottom left corner when the color is pure black

When the user drags the cursor and hits #000000, the cursor jumps to the bottom left corner. This isn't _wrong_ but makes the experience a little jarring. I would expect the position that the user picks to "stick".

See recording below of the react-color website:
https://user-images.githubusercontent.com/2165256/188221494-26d6352f-946a-44b8-9334-ba52ad835090.mp4

See figma for example (notice that re-opening puts the cursor back to the bottom left, which I think is fine)
https://user-images.githubusercontent.com/2165256/188221563-732b26f4-7a6c-45c8-bbf0-d43bfb70d168.mp4

Start by reproducing the behavior in the react-color website using the recording as a reference, then trace the color-picker cursor handling for pure #000000. Done means dragging to pure black leaves the cursor at the selected position instead of jumping to the bottom-left corner.

Written by the indexing model from the issue text.