From 88f2a73ad6eb0f3f4b9b5a10aaf3d3be090bc5e5 Mon Sep 17 00:00:00 2001
From: Mary <pineapplecreamcheese@skiff.com>
Date: Sun, 21 Jan 2024 04:24:58 +0700
Subject: [PATCH] fix: always call preventDefault
---
.../com/composer/text-input/TextInput.web.tsx | 16 ++++++++++++----
1 file changed, 12 insertions(+), 4 deletions(-)
diff --git a/src/view/com/composer/text-input/TextInput.web.tsx b/src/view/com/composer/text-input/TextInput.web.tsx
index 3ffe3baa..a2344ad3 100644
--- a/src/view/com/composer/text-input/TextInput.web.tsx
+++ b/src/view/com/composer/text-input/TextInput.web.tsx
@@ -111,24 +111,32 @@ export const TextInput = React.forwardRef(function TextInputImpl(
event.preventDefault()
setIsDropping(false)
}
- const handleDragOver = (event: DragEvent) => {
+ const handleDragEnter = (event: DragEvent) => {
const transfer = event.dataTransfer
+
+ event.preventDefault()
if (transfer && transfer.types.includes('Files')) {
setIsDropping(true)
}
}
- const handleDragLeave = (_event: DragEvent) => {
+ const handleDragLeave = (event: DragEvent) => {
+ event.preventDefault()
setIsDropping(false)
}
+ const handleDragOver = (event: DragEvent) => {
+ event.preventDefault()
+ }
document.body.addEventListener('drop', handleDrop)
- document.body.addEventListener('dragover', handleDragOver)
+ document.body.addEventListener('dragenter', handleDragEnter)
document.body.addEventListener('dragleave', handleDragLeave)
+ document.body.addEventListener('dragover', handleDragOver)
return () => {
document.body.removeEventListener('drop', handleDrop)
- document.body.removeEventListener('dragover', handleDragOver)
+ document.body.removeEventListener('dragenter', handleDragEnter)
document.body.removeEventListener('dragleave', handleDragLeave)
+ document.body.removeEventListener('dragover', handleDragOver)
}
}, [setIsDropping])