react-wavesurfer icon indicating copy to clipboard operation
react-wavesurfer copied to clipboard

Regions not responsive, not re-rendering on zoom

Open rockyhuber opened this issue 6 years ago • 1 comments

When zooming or contracting the screen size, waveform remains responsive, however regions to not update to match the responsive waveform. Any suggestions on how to fix this?

rockyhuber avatar Jul 19 '18 12:07 rockyhuber

That was a quick fix, for anyone interested, I went to the wavesurfer.regions.js file (wavesurfer.js) and added this line of code to the bottom of the init: function...

window.addEventListener('resize', this.onZoom);

Will re-render the regions as you resize the browser.

rockyhuber avatar Jul 19 '18 12:07 rockyhuber