Canvases rendering error when width is too high

[Cyp-Leg]

Bug description

Same bug as mentionned in this issue :
#3682
When the Wavesurfer container is given a too large width (ie: +80000), only one canvas is rendered with this width instead of multiple canvas of MAX_CANVAS_WIDTHpx, resulting in an error

This bug was fixed in 7.7.12 but seems to be present again in 7.8.2

Environment

• Browser: Chrome

Minimal code snippet

const options = {
  container: 'body',
  height: 128,
  width: 80000,
  normalize: false,
  waveColor: '#ff4e00',
  progressColor: '#dd5e98',
  cursorColor: '#ddd5e9',
  cursorWidth: 2,
  url: '/examples/audio/audio.wav',
  mediaControls: true,
  sampleRate: 8000,
}

const wavesurfer = WaveSurfer.create(options)

Expected result

Multiple canvas of smaller width

Obtained result

Single canvas width huge width, resulting in display error

Screenshots

[katspaugh]

Thanks for the report!