From f1845f1b09a73ac78c6c9c91d4726d5cb0ae952e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Mon, 28 Dec 2020 12:51:03 +0100
Subject: [PATCH] Only load filter view when shown
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 src/components/Controls.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Controls.vue b/src/components/Controls.vue
index ff3382950..646615ef2 100644
--- a/src/components/Controls.vue
+++ b/src/components/Controls.vue
@@ -58,14 +58,14 @@
 				</form>
 			</div>
 			<div class="board-action-buttons">
-				<Popover>
+				<Popover @show="filterVisible=true" @hide="filterVisible=false">
 					<Actions slot="trigger" :title="t('deck', 'Apply filter')">
 						<ActionButton v-if="isFilterActive" icon="icon-filter_set" />
 						<ActionButton v-else icon="icon-filter" />
 					</Actions>
 
 					<template>
-						<div class="filter">
+						<div class="filter" v-if="filterVisible">
 							<h3>{{ t('deck', 'Filter by tag') }}</h3>
 							<div v-for="label in labelsSorted" :key="label.id" class="filter--item">
 								<input
@@ -223,6 +223,7 @@ export default {
 		return {
 			newStackTitle: '',
 			stack: '',
+			filterVisible: false,
 			showArchived: false,
 			isAddStackVisible: false,
 			filter: { tags: [], users: [], due: '', unassigned: false },