regions plugin: stop dragging region when mouse exits wavesurfer div (k…

…atspaugh#2158) * stop dragging region when mouse exits wavesurfer div * update changelog
johnpaulmedina · Jan 17, 2021 · d134757 · d134757
1 parent e86a8c1
commit d134757
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/CHANGES.md b/CHANGES.md
@@ -1,6 +1,11 @@
 wavesurfer.js changelog
 =======================
 
+x.x.x (unreleased)
+------------------
+
+- Regions plugin: Stop region dragging when mouse leaves canvas (#2158)
+
 4.4.0 (13.01.2021)
 ------------------
 

diff --git a/src/plugin/regions/index.js b/src/plugin/regions/index.js
@@ -300,6 +300,7 @@ export default class RegionsPlugin {
 
             region = null;
         };
+        this.wrapper.addEventListener('mouseleave', eventUp);
         this.wrapper.addEventListener('mouseup', eventUp);
         this.wrapper.addEventListener('touchend', eventUp);
 
@@ -310,6 +311,7 @@ export default class RegionsPlugin {
             document.body.removeEventListener('touchend', eventUp);
             this.wrapper.removeEventListener('touchend', eventUp);
             this.wrapper.removeEventListener('mouseup', eventUp);
+            this.wrapper.removeEventListener('mouseleave', eventUp);
         });
 
         const eventMove = e => {