parent
							
								
									71d4d51fb2
								
							
						
					
					
						commit
						e70d7edf41
					
				
					 1 changed files with 5 additions and 1 deletions
				
			
		|  | @ -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, | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue