diff options
author | Julius Härtl <jus@bitgrid.net> | 2022-11-03 22:10:33 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-11-03 22:10:33 +0300 |
commit | b648947ad7121230a7f50ca9564bd27056592872 (patch) | |
tree | ffd38e1a946185710d669b46b12baa8f261f5d62 | |
parent | c32a6070f591a7750256f37359cbe64209cae1c7 (diff) | |
parent | 723fb807da68ba44c93aafc60fcf9811f1aba152 (diff) |
Merge pull request #2272 from nextcloud/enh/clickOutsideToCloseSidebar
-rw-r--r-- | src/components/Sidebar.vue | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue index ca8c7719..49258423 100644 --- a/src/components/Sidebar.vue +++ b/src/components/Sidebar.vue @@ -21,7 +21,7 @@ --> <template> - <router-view v-if="visible" name="sidebar" /> + <router-view v-if="visible" v-click-outside="onClickOutside" name="sidebar" /> </template> <script> @@ -37,6 +37,12 @@ export default { closeSidebar() { this.$router.push({ name: 'board' }) }, + onClickOutside(e) { + if (Array.from(document.querySelectorAll('.card')).some(node => node.contains(e.target))) { + return + } + this.closeSidebar() + }, }, } </script> |