From b5c7dfaf593f81cbef5f9afe0d54e609fa75f281 Mon Sep 17 00:00:00 2001
From: Alain Nussbaumer <alain.nussbaumer@alleluia.ch>
Date: Sun, 16 Feb 2025 20:06:40 +0100
Subject: [PATCH] [web] Fix scrolling problem when dialog is not closed
 properly

---
 web-src/src/components/ModalDialogQueueItem.vue | 3 +++
 web-src/src/components/ModalDialogTrack.vue     | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/web-src/src/components/ModalDialogQueueItem.vue b/web-src/src/components/ModalDialogQueueItem.vue
index ac070ad3..ffb313df 100644
--- a/web-src/src/components/ModalDialogQueueItem.vue
+++ b/web-src/src/components/ModalDialogQueueItem.vue
@@ -106,6 +106,7 @@ export default {
   },
   methods: {
     open_album() {
+      this.$emit('close')
       if (this.item.data_kind === 'spotify') {
         this.$router.push({
           name: 'music-spotify-album',
@@ -129,6 +130,7 @@ export default {
       }
     },
     open_album_artist() {
+      this.$emit('close')
       if (this.item.data_kind === 'spotify') {
         this.$router.push({
           name: 'music-spotify-artist',
@@ -150,6 +152,7 @@ export default {
       }
     },
     open_genre() {
+      this.$emit('close')
       this.$router.push({
         name: 'genre-albums',
         params: { name: this.item.genre },
diff --git a/web-src/src/components/ModalDialogTrack.vue b/web-src/src/components/ModalDialogTrack.vue
index d36934bb..51d332b8 100644
--- a/web-src/src/components/ModalDialogTrack.vue
+++ b/web-src/src/components/ModalDialogTrack.vue
@@ -131,6 +131,7 @@ export default {
         })
     },
     open_album() {
+      this.$emit('close')
       if (
         this.item.data_kind === 'spotify' &&
         this.item.media_kind !== 'podcast'
@@ -157,6 +158,7 @@ export default {
       }
     },
     open_artist() {
+      this.$emit('close')
       if (this.item.data_kind === 'spotify') {
         this.$router.push({
           name: 'music-spotify-artist',
@@ -178,6 +180,7 @@ export default {
       }
     },
     open_genre() {
+      this.$emit('close')
       this.$router.push({
         name: 'genre-albums',
         params: { name: this.item.genre },