diff options
| author | Julius Härtl <jus@bitgrid.net> | 2018-12-03 08:45:58 +0100 |
|---|---|---|
| committer | Julius Härtl <jus@bitgrid.net> | 2018-12-03 08:48:01 +0100 |
| commit | f8ada2757e4c1269a85cb62f495fa962b0d838c0 (patch) | |
| tree | e53f9be44b31520ff84289405fd1ef90f0836aed /src | |
| parent | 46b05c520029986ee67bcf035abec901729c345f (diff) | |
Fix popup overlap (fixes #95)
Signed-off-by: Julius Härtl <jus@bitgrid.net>
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/Composer.vue | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/src/components/Composer.vue b/src/components/Composer.vue index 66794749..f179516d 100644 --- a/src/components/Composer.vue +++ b/src/components/Composer.vue @@ -59,7 +59,7 @@ <div class="options"> <input :value="currentVisibilityPostLabel" :disabled="post.length < 1" class="submit primary" type="submit" title="" data-original-title="Post"> - <div> + <div v-click-outside="hidePopoverMenu"> <button :class="currentVisibilityIconClass" @click.prevent="togglePopoverMenu" /> <div :class="{open: menuOpened}" class="popovermenu menu-center"> <PopoverMenu :menu="visibilityPopover" /> @@ -269,6 +269,7 @@ <script> import { Avatar, PopoverMenu } from 'nextcloud-vue' +import ClickOutside from 'vue-click-outside' import EmojiPicker from 'vue-emoji-picker' import VueTribute from 'vue-tribute' import { VTooltip } from 'v-tooltip' @@ -284,7 +285,8 @@ export default { VueTribute }, directives: { - tooltip: VTooltip + tooltip: VTooltip, + ClickOutside: ClickOutside }, mixins: [CurrentUserMixin], props: { @@ -434,6 +436,9 @@ export default { togglePopoverMenu() { this.menuOpened = !this.menuOpened }, + hidePopoverMenu() { + this.menuOpened = false + }, switchType(type) { this.type = type this.menuOpened = false |