color-picker
color-picker copied to clipboard
Set the crosshair cursor for the hue slider
Cursor: crosshair allows precise selecting of the color more easily than "ns-resize". Semantically it is also correct: rather than "regulating hue" we usually try to select the point of the necessary color.
Do you have any UX reference about it? I think ns-resize
is semantic enough to say silently that it can only be dragged vertically. And crosshair
to say that it can be dragged vertically and horizontally. If only we have a nswe-resize
cursor type, I will use that in place of crosshair
. This is very subjective. I can say that it is like a Personalization–thing.
Other color pickers out there will simply use pointer
and default
cursor type for both. Our native color picker panel from <input type="color">
also use default
cursor type for both.
"Pointer" may be OK. My idea is not about semantic - it's relative, - but about visual precision. With "ns-resize" cursor you might not see so well the exact point where you will click. For some people (me) it feels less convenient.