From edb4b0acfc3f520041bf8692dc464561b2da5649 Mon Sep 17 00:00:00 2001
From: TheoryOfNekomata <allan.crisostomo@outlook.com>
Date: Fri, 30 Jun 2023 19:42:58 +0800
Subject: [PATCH] Fill waveform parent height

Use height of parent container in waveform canvas.
---
 .../src/packages/react-wavesurfer/WaveformCanvas/index.tsx      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/web-kitchensink-reactnext/src/packages/react-wavesurfer/WaveformCanvas/index.tsx b/packages/web-kitchensink-reactnext/src/packages/react-wavesurfer/WaveformCanvas/index.tsx
index c74dfdc..4ae8df9 100644
--- a/packages/web-kitchensink-reactnext/src/packages/react-wavesurfer/WaveformCanvas/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/packages/react-wavesurfer/WaveformCanvas/index.tsx
@@ -78,7 +78,7 @@ export const WaveformCanvas = React.forwardRef<SpectrogramCanvasDerivedComponent
       const { default: WaveSurfer } = await import('wavesurfer.js');
       const waveSurferInstance = WaveSurfer.create({
         container: containerRef.current,
-        height: containerRef.current.clientHeight,
+        height: 'auto',
         autoplay: autoPlay,
         fillParent: true,
         waveColor,