Zooming on timeline locks all other interaction on page on mobile devicwe

[jurerepar]

Bug description

Zooming on mobile device (latest Chrome on Android device) breaks all other interaction on page. Only refreshing the page helps. Zooming is done on timeline with two finger swiping in opposite directions, screen recordin should demonstrate this.

Environment

• Browser: Mobile Chrome

Minimal code snippet

Wavesurfer options:
`
wavesurfer.value = WaveSurfer.create({
container: '#waveform',
url: props.src,
minPxPerSec: 20,
dragToSeek: true,
height: 160,
// Set a bar width
barWidth: 2,
// Optionally, specify the spacing between bars
barGap: 2,
// And the bar radius
barRadius: 2,
plugins: [TimelinePlugin.create()],
})

// Initialize the Zoom plugin
wavesurfer.value.registerPlugin(
ZoomPlugin.create({
// the amount of zoom per wheel step, e.g. 0.5 means a 50% magnification per scroll
scale: 0.2,
// Optionally, specify the maximum pixels-per-second factor while zooming
maxZoom: 100,
}),
)
`

Expected result

Zooming the timeline, not breaking other interaciton on page

Obtained result

Not zoming the timeline, breaking other interaciton on page

Screenshots

Screen_Recording_20240820_233457_Chrome.mp4