Allow closing drawer by outside click after form submission

CHANGELOG.md

@@ -16,7 +16,8 @@ All notable changes to this project will be documented in this file. The format
   current item's about page.
 - Made links clickable in the description of objects, key results and goals.
 - It is no longer possible to close open modals or drawers by clicking outside
-  them. This is meant to prevent accidental data loss in unsaved forms.
+  them. This is meant to prevent accidental data loss in unsaved forms. Drawers
+  can however still be closed by outside click after form submission.
 - Items in the admin panel now links directly to each respective item about page
   with the edit drawer opened.
 - The currently active item tab is now kept when navigating between

src/components/drawers/PagedDrawerWrapper.vue

@@ -8,6 +8,7 @@
     ]"
     @close="$emit('close')"
     @hidden="reset"
+    @click-outside="clickOutside"
   >
     <template #header>
       <span
@@ -105,6 +106,12 @@ export default {
       this.skin = null;
       this.pageIndex = 1;
     },
+
+    clickOutside(e) {
+      if (this.isDone) {
+        this.$emit('close', e);
+      }
+    },
   },
 };
 </script>

src/components/drawers/SliderContainer.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <transition name="fade" mode="out-in">
-      <div v-if="visible" class="overlay"></div>
+      <div v-if="visible" class="overlay" @click.self="$emit('click-outside')"></div>
     </transition>
     <transition name="slide" @after-leave="$emit('hidden')">
       <aside v-if="visible" class="sliderContainer">