From e70d7edf419c2054b9255f7cbe340d6c1540f4f9 Mon Sep 17 00:00:00 2001 From: Aya Morisawa Date: Mon, 2 Sep 2019 07:01:33 +0900 Subject: [PATCH] Fix #5380 (#5381) --- .../common/views/components/reactions-viewer.reaction.vue | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/client/app/common/views/components/reactions-viewer.reaction.vue b/src/client/app/common/views/components/reactions-viewer.reaction.vue index 5bb9a9522e..9598fa6597 100644 --- a/src/client/app/common/views/components/reactions-viewer.reaction.vue +++ b/src/client/app/common/views/components/reactions-viewer.reaction.vue @@ -47,7 +47,8 @@ export default Vue.extend({ data() { return { details: null, - detailsTimeoutId: null + detailsTimeoutId: null, + isHovering: false }; }, computed: { @@ -89,9 +90,11 @@ export default Vue.extend({ } }, onMouseover() { + this.isHovering = true; this.detailsTimeoutId = setTimeout(this.openDetails, 300); }, onMouseleave() { + this.isHovering = false; clearTimeout(this.detailsTimeoutId); this.closeDetails(); }, @@ -104,6 +107,7 @@ export default Vue.extend({ .map(x => x.user.username); this.closeDetails(); + if (!this.isHovering) return; this.details = this.$root.new(XDetails, { reaction: this.reaction, users,