From 02f54efbb8849db4ff8ce0ffbd4a1b634c3ae40e Mon Sep 17 00:00:00 2001
From: Sam Wray <sam@wray.pro>
Date: Sun, 31 Oct 2021 14:12:14 +0100
Subject: [PATCH] fix(rangecontrol): fixes an infinite update loop

---
 src/components/Controls/RangeControl.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Controls/RangeControl.vue b/src/components/Controls/RangeControl.vue
index ef5ad10f7..4da40f7c8 100644
--- a/src/components/Controls/RangeControl.vue
+++ b/src/components/Controls/RangeControl.vue
@@ -14,6 +14,7 @@
       :step="step"
       @keypress.enter="toggleEditMode"
       @click.right="toggleEditMode"
+      @input="numberInputHandler"
       v-show="editMode"
       ref="input"
     />
@@ -297,6 +298,10 @@ export default {
       requestAnimationFrame(this.draw);
     },
 
+    numberInputHandler() {
+      this.$emit("input", this.inputValue);
+    },
+
     toggleEditMode(e) {
       e.preventDefault();
       this.editMode = !this.editMode;
@@ -367,7 +372,6 @@ export default {
 
     inputValue(value) {
       this.position = -value * this.spacingCalc;
-      this.$emit("input", value);
     }
   }
 };