regions plugin: allow drawing new regions over old ones, when the old ones are not resizable and not draggable

CHANGES.md

@@ -17,8 +17,10 @@ wavesurfer.js changelog
   - add `followCursorY` option (#1605)
 - Spectrogram plugin: fix `ready` listener when loading multiple
   audio files (#1572)
-- Regions plugin: fix `ready` listener when loading multiple
-  audio files (#1602)
+- Regions plugin:
+  - fix `ready` listener when loading multiple audio files (#1602)
+  - allow drawing regions over existing regions, if the underlying ones are not
+    draggable or resizable (#1633)
 - Timeline plugin: fix `ready` listener when loading multiple
   audio files
 - `util.getId()` now accepts a `prefix` argument (#1619)

src/plugin/regions.js

@@ -341,7 +341,11 @@ class Region {
                         ? e.targetTouches[0].identifier
                         : null;
 
-                    e.stopPropagation();
+                    // stop the event propagation, if this region is resizable or draggable
+                    // and the event is therefore handled here.
+                    if (this.drag || this.resize) {
+                        e.stopPropagation();
+                    }
                     startTime =
                         this.wavesurfer.drawer.handleEvent(e, true) * duration;