fix(rangecontrol): fixes an infinite update loop (#643)

vcync · Oct 31, 2021 · 334e024 · 334e024
1 parent 1178273
commit 334e024
Showing 1 changed file with 5 additions and 1 deletion.
diff --git 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);
     }
   }
 };