From ace1ad71abb2e82c2c21887e5f35b4b87a296d67 Mon Sep 17 00:00:00 2001
From: Julien Maille <julien.maille@gmail.com>
Date: Sat, 10 Jan 2026 15:30:04 +0100
Subject: [PATCH] Fix waveform not showing on mobile: update CSS height rules
 and resume AudioContext

---
 js/events.js | 6 ++++++
 styles.css   | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/js/events.js b/js/events.js
index f13af19..1d3df81 100644
--- a/js/events.js
+++ b/js/events.js
@@ -44,6 +44,12 @@ export function initializePlayerEvents(player, audioPlayer, scrobbler, ui) {
             if (scrobbler.isAuthenticated() && lastFMStorage.isEnabled()) {
                 scrobbler.updateNowPlaying(player.currentTrack);
             }
+            
+            // Resume AudioContext for waveform on mobile (iOS)
+            if (waveformGenerator.audioContext.state === 'suspended') {
+                waveformGenerator.audioContext.resume();
+            }
+            
             updateWaveform();
         }
 
diff --git a/styles.css b/styles.css
index e456eb6..b2158e5 100644
--- a/styles.css
+++ b/styles.css
@@ -3948,7 +3948,7 @@ img:not([src]), img[src=''] {
         grid-area: main;
     }
 
-    .progress-bar,
+    .progress-bar:not(.waveform-loaded),
     .volume-bar {
         height: 8px;
     }