Fix some number input widgets becoming selected after dragging left/r…

…ight in Firefox (#2250)

* fixes drag

* Cleanup

---------

Co-authored-by: Keavon Chambers <[email protected]>

frontend/src/components/widgets/inputs/NumberInput.svelte

@@ -59,6 +59,7 @@
 	let self: FieldInput | undefined;
 	let inputRangeElement: HTMLInputElement | undefined;
 	let text = displayText(value, unit);
+	let isDragging = false;
 	let editing = false;
 	// Stays in sync with a binding to the actual input range slider element.
 	let rangeSliderValue = value !== undefined ? value : 0;
@@ -187,6 +188,8 @@
 		editing = true;
 
 		self?.selectAllText(text);
+		// Workaround for weird behavior in Firefox: <https://github.com/GraphiteEditor/Graphite/issues/2215>
+		if (isDragging) self?.unFocus();
 	}
 
 	// Called only when `value` is changed from the <input> element via user input and committed, either with the
@@ -281,15 +284,15 @@
 		const onMove = () => {
 			if (alreadyActedGuard) return;
 			alreadyActedGuard = true;
-
+			isDragging = true;
 			beginDrag(e);
 			removeEventListener("pointermove", onMove);
 		};
 		// If it's a mouseup, we'll begin editing the text field.
 		const onUp = () => {
 			if (alreadyActedGuard) return;
 			alreadyActedGuard = true;
-
+			isDragging = false;
 			self?.focus();
 			removeEventListener("pointerup", onUp);
 		};