_/empede
1
0
Fork 0
Code Issues Releases 18 Activity

Scroll current song into view when song changes

Browse source
This commit is contained in:
Sijmen 2024-01-05 05:19:40 +01:00
parent 29103c1c8a
commit 25889df62e
Signed by: vijfhoek
GPG key ID: DAF7821E067D9C48
1 changed files with 10 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
templates/queue.html
View file

@ -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>