From 25889df62e4db01d17bc4499aed74ca2d2a995fb Mon Sep 17 00:00:00 2001
From: Sijmen <me@vijf.life>
Date: Fri, 5 Jan 2024 05:19:40 +0100
Subject: [PATCH] Scroll current song into view when song changes

---
 templates/queue.html | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/templates/queue.html b/templates/queue.html
index 771619b..4aa5fea 100644
--- a/templates/queue.html
+++ b/templates/queue.html
@@ -25,6 +25,14 @@
 </ul>
 
 <script>
+const scrollCurrentSongIntoView = () => {
+  const hoveredSong = document.querySelector(".queue li:hover");
+  if (hoveredSong === null) {
+    const currentSong = document.querySelector(".queue li.playing");
+    currentSong.scrollIntoView({ block: "nearest" });
+  }
+}
+
 htmx.onLoad(() => {
   const isReduced = window
     .matchMedia("(prefers-reduced-motion: reduce)")
@@ -38,5 +46,7 @@ htmx.onLoad(() => {
       body: JSON.stringify({from: event.oldIndex, to: event.newIndex}),
     }),
   });
+
+  scrollCurrentSongIntoView();
 });
 </script>