From 8721dbda98fd9af70567e949a0a7e7d92b21977e Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Mon, 20 Dec 2021 19:02:52 -0600
Subject: [PATCH] Fix:Remove dropdown menus on component destroy and edit modal
 keep alive #245

---
 client/components/modals/EditModal.vue       | 4 +---
 client/components/ui/MultiSelect.vue         | 5 ++++-
 client/components/ui/MultiSelectDropdown.vue | 5 ++++-
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/client/components/modals/EditModal.vue b/client/components/modals/EditModal.vue
index 80c3275f..c8e9d794 100644
--- a/client/components/modals/EditModal.vue
+++ b/client/components/modals/EditModal.vue
@@ -19,9 +19,7 @@
     </div>
 
     <div class="w-full h-full text-sm rounded-b-lg rounded-tr-lg bg-bg shadow-lg border border-black-300">
-      <keep-alive>
-        <component v-if="audiobook" :is="tabName" :audiobook="audiobook" :processing.sync="processing" @close="show = false" @selectTab="selectTab" />
-      </keep-alive>
+      <component v-if="audiobook && show" :is="tabName" :audiobook="audiobook" :processing.sync="processing" @close="show = false" @selectTab="selectTab" />
     </div>
   </modals-modal>
 </template>
diff --git a/client/components/ui/MultiSelect.vue b/client/components/ui/MultiSelect.vue
index 71bd9539..56f22f47 100644
--- a/client/components/ui/MultiSelect.vue
+++ b/client/components/ui/MultiSelect.vue
@@ -228,6 +228,9 @@ export default {
       document.removeEventListener('scroll', this.scroll, true)
     }
   },
-  mounted() {}
+  mounted() {},
+  beforeDestroy() {
+    if (this.menu) this.menu.remove()
+  }
 }
 </script>
\ No newline at end of file
diff --git a/client/components/ui/MultiSelectDropdown.vue b/client/components/ui/MultiSelectDropdown.vue
index 526fa6c2..e705c486 100644
--- a/client/components/ui/MultiSelectDropdown.vue
+++ b/client/components/ui/MultiSelectDropdown.vue
@@ -127,6 +127,9 @@ export default {
       document.removeEventListener('scroll', this.scroll, true)
     }
   },
-  mounted() {}
+  mounted() {},
+  beforeDestroy() {
+    if (this.menu) this.menu.remove()
+  }
 }
 </script>
\ No newline at end of file