forked from open-webui/open-webui
		
	feat: close dragged overlay with esc
This commit is contained in:
		
							parent
							
								
									4207f80ce9
								
							
						
					
					
						commit
						eb5ed905eb
					
				
					 1 changed files with 11 additions and 0 deletions
				
			
		|  | @ -295,6 +295,13 @@ | |||
| 
 | ||||
| 		const dropZone = document.querySelector('body'); | ||||
| 
 | ||||
| 		const handleKeyDown = (event: KeyboardEvent) => { | ||||
| 			if (event.key === 'Escape') { | ||||
| 				console.log('Escape'); | ||||
| 				dragged = false; | ||||
| 			} | ||||
| 		}; | ||||
| 
 | ||||
| 		const onDragOver = (e) => { | ||||
| 			e.preventDefault(); | ||||
| 			dragged = true; | ||||
|  | @ -350,11 +357,15 @@ | |||
| 			dragged = false; | ||||
| 		}; | ||||
| 
 | ||||
| 		window.addEventListener('keydown', handleKeyDown); | ||||
| 
 | ||||
| 		dropZone?.addEventListener('dragover', onDragOver); | ||||
| 		dropZone?.addEventListener('drop', onDrop); | ||||
| 		dropZone?.addEventListener('dragleave', onDragLeave); | ||||
| 
 | ||||
| 		return () => { | ||||
| 			window.removeEventListener('keydown', handleKeyDown); | ||||
| 
 | ||||
| 			dropZone?.removeEventListener('dragover', onDragOver); | ||||
| 			dropZone?.removeEventListener('drop', onDrop); | ||||
| 			dropZone?.removeEventListener('dragleave', onDragLeave); | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue
	
	 Timothy J. Baek
						Timothy J. Baek