[@mantine/dropzone] Fix Dropzone.Fullscreen not disappearing when mou…

…se is moved slowly outside its wrapper (#2305)

* [@mantine/dropzone] Dropzone.FullScreen: fixed not disappearing when mouse is moved slowly outside the wrapper

* [@mantine/dropzone] removed unused property

src/mantine-dropzone/src/DropzoneFullScreen.tsx

@@ -61,6 +61,7 @@ export const DropzoneFullScreen = forwardRef<HTMLDivElement, DropzoneFullScreenP
       ...others
     } = useComponentDefaultProps('DropzoneFullScreen', fullScreenDefaultProps, props);
 
+    const [counter, setCounter] = React.useState(0);
     const [visible, { open, close }] = useDisclosure(false);
     const { classes, cx } = useFullScreenStyles(null, {
       name: 'DropzoneFullScreen',
@@ -69,15 +70,30 @@ export const DropzoneFullScreen = forwardRef<HTMLDivElement, DropzoneFullScreenP
       unstyled,
     });
 
+    const handleDragEnter = () => {
+      setCounter((prev) => prev + 1);
+      open();
+    };
+
+    const handleDragLeave = () => {
+      setCounter((prev) => prev - 1);
+    };
+
     useEffect(() => {
-      if (active) {
-        document.addEventListener('dragover', open, false);
-        return () => document.removeEventListener('dragover', open, false);
-      }
+      counter === 0 && close();
+    }, [counter]);
 
-      return undefined;
-    }, [active]);
+    useEffect(() => {
+      if (!active) return undefined;
 
+      document.addEventListener('dragenter', handleDragEnter, false);
+      document.addEventListener('dragleave', handleDragLeave, false);
+
+      return () => {
+        document.removeEventListener('dragover', handleDragEnter, false);
+        document.removeEventListener('dragleave', handleDragLeave, false);
+      };
+    }, [active]);
     return (
       <OptionalPortal withinPortal={withinPortal}>
         <Box
@@ -107,7 +123,6 @@ export const DropzoneFullScreen = forwardRef<HTMLDivElement, DropzoneFullScreenP
             }}
             onDragLeave={(event: any) => {
               onDragLeave?.(event);
-              close();
             }}
           />
         </Box>