Fix InvisibleDropArea overlay disappearing when hovering a nested element (again).

leMaik · leMaik · commit c0e13725b87d · 2019-08-16T23:06:14.000+02:00
diff --git a/src/InvisibleDropArea/InvisibleDropArea.js b/src/InvisibleDropArea/InvisibleDropArea.js
@@ -85,8 +85,10 @@ const InvisibleDropArea = React.forwardRef(function InvisibleDropArea (props, re
     setDragOver(true)
   }
 
-  const handleDragLeave = () => {
-    setDragOver(false)
+  const handleDragLeave = (e) => {
+    if (e.target === e.currentTarget) {
+      setDragOver(false)
+    }
   }
 
   const handleSelectFiles = (files) => {

Original file line number	Diff line number	Diff line change
`@@ -85,8 +85,10 @@ const InvisibleDropArea = React.forwardRef(function InvisibleDropArea (props, re`
`85`	`85`	`setDragOver(true)`
`86`	`86`	`}`
`87`	`87`
`88`		`- const handleDragLeave = () => {`
`89`		`- setDragOver(false)`
	`88`	`+ const handleDragLeave = (e) => {`
	`89`	`+ if (e.target === e.currentTarget) {`
	`90`	`+ setDragOver(false)`
	`91`	`+ }`
`90`	`92`	`}`
`91`	`93`
`92`	`94`	`const handleSelectFiles = (files) => {`