Angle boundary

Author: odeadglaz

src/components/GradientPickerPopover/index.js

@@ -25,6 +25,13 @@ const GradientPickerPopover = ({
 	const togglePicker = () => setOpen(!open);
 	const { background } = getGradientPreview(palette, angle);
 
+	const onAngleInputChange = (angle) => {
+		angle = angle > 360 ? angle - 360 : angle;
+		angle = angle < 0 ? angle + 360 : angle;
+
+		setAngle(angle);
+	};
+
 	return (
 		<div className="gpw">
 			{ trigger(background, togglePicker) }
@@ -37,9 +44,9 @@ const GradientPickerPopover = ({
 							<div className="angle-holder">
 								<AnglePicker angle={angle} setAngle={setAngle} size={32}/>
 								<div className="angle-inputs">
-									<span onClick={() => setAngle(angle - 1)}>&#8722;</span>
+									<span onClick={() => onAngleInputChange(angle - 1)}>&#8722;</span>
 									<input value={`${angle}°`} disabled/>
-									<span onClick={() => setAngle(angle + 1)}>&#43;</span>
+									<span onClick={() => onAngleInputChange(angle + 1)}>&#43;</span>
 								</div>
 							</div>
 						)}