From 3abe4273c606c27bfd43bfd681a41972d784e1f3 Mon Sep 17 00:00:00 2001
From: Clinton Wee <clinton@encord.com>
Date: Wed, 30 Jul 2025 15:48:49 +0100
Subject: [PATCH] Add height=100% to container if height is set to auto

---
 src/index.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/index.tsx b/src/index.tsx
index 53512b1..920bfad 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -190,8 +190,12 @@ const WavesurferPlayer = memo((props: WavesurferProps): ReactElement => {
   const wavesurfer = useWavesurferInstance(containerRef, options)
   useWavesurferEvents(wavesurfer, events)
 
+  const style = {
+    ...(options.height == 'auto' && { height: '100%' }),
+  }
+
   // Create a container div
-  return <div ref={containerRef} />
+  return <div style={style} ref={containerRef} />
 })
 
 /**