Merge pull request #416 from DCMLab/fix_curvature_lag

Fix curvature lag

Author: yrammos

src/js/events/index.js

@@ -90,7 +90,8 @@ class EventsManager {
   }
 
   // touchend, mouseup
-  onTapEnd() {
+  onTapEnd(e) {
+    this.app.ui?.relationCurvature?.onTapEnd(e)
     this.app.ui?.onTapEnd()
   }
 

src/js/modules/UI/RelationWidth/index.js

@@ -10,24 +10,25 @@ class RelationCurvature {
 
     const { min, max, value } = this.input
     this.progressBar = new Progress('relation-width', { min, max, value })
-
-    this.throttling = false
   }
 
   onInput({ target }) {
-    if (target != this.input || this.throttling) {
+    if (target != this.input) {
       return
     }
+    const value = target.value
+    this.progressBar.update(value)
+  }
 
-    this.throttling = true
+  onTapEnd({ target }) {
+    if (target != this.input) {
+      return
+    }
 
-    requestAnimationFrame(() => {
-      const value = target.value
-      this.progressBar.update(value)
-      handle_curvature_controller(value)
-      adjustAllLayersSvgDimensions()
-      this.throttling = false
-    })
+    const value = target.value
+    this.progressBar.update(value)
+    handle_curvature_controller(value)
+    adjustAllLayersSvgDimensions()
   }
 }