This commit is contained in:
Aya Morisawa 2019-09-02 07:01:33 +09:00 committed by syuilo
parent 71d4d51fb2
commit e70d7edf41
1 changed files with 5 additions and 1 deletions

View File

@ -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,