From a46f28986558ae2909434e524cc25798bae9b504 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lucas=20T=C3=A4kker?= Date: Mon, 20 Jul 2026 15:11:46 +0200 Subject: [PATCH] Fixed lyrics --- .../Player/Fullscreen/LyricsDisplay.vue | 21 +++++++++++-------- 1 file changed, 12 insertions(+), 9 deletions(-) diff --git a/app/components/Player/Fullscreen/LyricsDisplay.vue b/app/components/Player/Fullscreen/LyricsDisplay.vue index ac9c134..09c49ef 100644 --- a/app/components/Player/Fullscreen/LyricsDisplay.vue +++ b/app/components/Player/Fullscreen/LyricsDisplay.vue @@ -6,6 +6,7 @@ const { animationDuration, offset, showScrollBar } = defineProps<{ }>() const song = useSong() +const fullscreen = useFullscreen() const { secondsPlayed } = usePlayer() const parsedLyrics = computed(() => { @@ -45,19 +46,21 @@ const scrollActiveIndex = computed(() => { return index }) -const height = ref(0) +const height = ref() -watch(song, () => { - const trackDisplay = document.querySelector(".track-display") +watch( + fullscreen, + async () => { + await nextTick() - if (!trackDisplay) return + const trackDisplay = document.querySelector(".track-display") - const resizeObserver = new ResizeObserver((entries) => { - height.value = entries[0]!.target.clientHeight - }) + if (!trackDisplay) return - resizeObserver.observe(trackDisplay) -}) + height.value = trackDisplay.clientHeight + }, + { immediate: true }, +) const transformY = computed(() => { if (activeIndex.value < 0) return 0