This commit is contained in:
Aya Morisawa 2019-09-02 07:01:33 +09:00 committed by syuilo
parent 71d4d51fb2
commit e70d7edf41

View file

@ -47,7 +47,8 @@ export default Vue.extend({
data() { data() {
return { return {
details: null, details: null,
detailsTimeoutId: null detailsTimeoutId: null,
isHovering: false
}; };
}, },
computed: { computed: {
@ -89,9 +90,11 @@ export default Vue.extend({
} }
}, },
onMouseover() { onMouseover() {
this.isHovering = true;
this.detailsTimeoutId = setTimeout(this.openDetails, 300); this.detailsTimeoutId = setTimeout(this.openDetails, 300);
}, },
onMouseleave() { onMouseleave() {
this.isHovering = false;
clearTimeout(this.detailsTimeoutId); clearTimeout(this.detailsTimeoutId);
this.closeDetails(); this.closeDetails();
}, },
@ -104,6 +107,7 @@ export default Vue.extend({
.map(x => x.user.username); .map(x => x.user.username);
this.closeDetails(); this.closeDetails();
if (!this.isHovering) return;
this.details = this.$root.new(XDetails, { this.details = this.$root.new(XDetails, {
reaction: this.reaction, reaction: this.reaction,
users, users,