From e4f4df0655ca6ac0fbd36c77e315754cd2f84d43 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 29 Jul 2020 22:01:54 +0200
Subject: [PATCH] Hide the user menu if clicked outside of it

---
 src/App.vue                     | 5 ++++-
 src/views/list/views/Kanban.vue | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 7b1a9614..6dbe32a5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -47,7 +47,7 @@
 						<img :src="userInfo.getAvatarUrl()" class="avatar" alt=""/>
 						<div class="dropdown is-right is-active">
 							<div class="dropdown-trigger">
-								<button class="button noshadow" @click="userMenuActive = !userMenuActive">
+								<button class="button noshadow" @click.stop="userMenuActive = !userMenuActive">
 									<span class="username">{{userInfo.username}}</span>
 									<span class="icon is-small">
 									<icon icon="chevron-down"/>
@@ -405,6 +405,9 @@
 					console.log('renewed token')
 				}
 			})
+
+			// This will hide the menu once clicked outside of it
+			this.$nextTick(() => document.addEventListener('click', () => this.userMenuActive = false))
 		},
 		watch: {
 			// call the method again if the route changes
diff --git a/src/views/list/views/Kanban.vue b/src/views/list/views/Kanban.vue
index 3297b593..bdbde831 100644
--- a/src/views/list/views/Kanban.vue
+++ b/src/views/list/views/Kanban.vue
@@ -241,7 +241,7 @@
 		created() {
 			this.taskService = new TaskService()
 			this.loadBuckets()
-			setTimeout(() => document.addEventListener('click', this.closeBucketDropdowns), 0)
+			this.$nextTick(() => document.addEventListener('click', this.closeBucketDropdowns))
 
 			// Save the current list view to local storage
 			// We use local storage and not vuex here to make it persistent across reloads.