fix: hsv gradient position is changed on slider drag (#121)

* fix: hsv gradient position is changed on slider drag

* test: ColorBox onChange behaves differently

Author: mikbry

src/components/ColorBox/HSVGradient.jsx

@@ -160,7 +160,7 @@ const HSVGradient = ({ className, color, onChange, ...props }) => {
       event.preventDefault();
     };
     const handleMove = event => {
-      if (pressed || event.buttons) {
+      if (pressed && event.buttons) {
         const xy = { x: event.pageX - window.scrollX, y: event.pageY - window.scrollY };
         convertMousePosition(xy, ref);
         event.preventDefault();

test/ColorBox.test.js

@@ -194,7 +194,7 @@ test('ColorBox hsvgradient cursor changes', async () => {
       pageY: -600,
     }),
   );
-  expect(onChange).toHaveBeenCalledTimes(3);
+  expect(onChange).toHaveBeenCalledTimes(1);
   expect(value.name).toBe('white');
 });