From 871c69c0a94ea82718503b848b0d25dfe4732a6d Mon Sep 17 00:00:00 2001
From: Christian Cueni <christian.cueni@iterativ.ch>
Date: Tue, 11 Oct 2022 15:57:32 +0200
Subject: [PATCH] Fix stuck no-scroll class on modal close

---
 client/src/components/MobileMenu.vue           |  6 +++++-
 client/src/components/ui/ItFullScreenModal.vue | 10 ++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/client/src/components/MobileMenu.vue b/client/src/components/MobileMenu.vue
index 154de85d..0f67b011 100644
--- a/client/src/components/MobileMenu.vue
+++ b/client/src/components/MobileMenu.vue
@@ -62,7 +62,11 @@ const clickLink = (to: string) => {
           <div class="mt-6 pb-6 border-b border-gray-500">
             <ul>
               <li>Shop</li>
-              <li class="mt-6">Mediathek</li>
+              <li class="mt-6">
+                <button @click="clickLink(`/media/versicherungsvermittlerin-media`)">
+                  Mediathek
+                </button>
+              </li>
             </ul>
           </div>
           <button
diff --git a/client/src/components/ui/ItFullScreenModal.vue b/client/src/components/ui/ItFullScreenModal.vue
index d2200364..3bbf3236 100644
--- a/client/src/components/ui/ItFullScreenModal.vue
+++ b/client/src/components/ui/ItFullScreenModal.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 // inspiration https://vuejs.org/examples/#modal
 
-import { onMounted, watch } from "vue";
+import { onMounted, onUnmounted ,watch } from "vue";
 
 const props = defineProps<{
   show: boolean;
@@ -20,11 +20,17 @@ onMounted(() => {
   appElement = document.getElementById("app");
 });
 
+onUnmounted( () => removeNoScroll())
+
 const closeModal = () => {
+  removeNoScroll();
+  emits("closemodal");
+};
+
+const removeNoScroll = () => {
   if (appElement) {
     appElement.classList.remove("no-scroll");
   }
-  emits("closemodal");
 };
 </script>