diff --git a/src/components/Knob/Knob.vue b/src/components/Knob/Knob.vue
index e6da388d1644d1e2d20d62c2b11b0aab7514bba0..5da0e2d58bf9aeb1cf774ab8cbb667b9f84a8e46 100644
--- a/src/components/Knob/Knob.vue
+++ b/src/components/Knob/Knob.vue
@@ -103,6 +103,7 @@ const onPointerDown = ($event: MouseEvent) => {
     @pointerdown.prevent="!buttons && onPointerDown($event)"
     @pointermove="isClickHold ? setNewValue($event) : ''"
     @pointerup="isClickHold = false"
+    @pointerleave="isClickHold = false"
     class="container containerSize"
     ref="container"
   >
diff --git a/src/components/ProgressBar/ProgressBar.vue b/src/components/ProgressBar/ProgressBar.vue
index 4936a0dd8df1fa0e17843ea9e20a6610d4787f5f..4bc23be97e978f0c4936c086dca2720f0011563a 100644
--- a/src/components/ProgressBar/ProgressBar.vue
+++ b/src/components/ProgressBar/ProgressBar.vue
@@ -72,6 +72,7 @@ const onPointerDown = (event: MouseEvent) => {
     @pointerdown.prevent="onPointerDown($event)"
     @pointermove="isClickHold ? setNewValue($event) : ''"
     @pointerup="isClickHold = false"
+    @pointerleave="isClickHold = false"
   >
     <div class="active">
       <span v-show="showLabel" class="value">{{ labelBefore }}{{ value }}{{ labelAfter }}</span>