fix(attach): fix drag counter & styles (#786)

core-ds · Aug 9, 2021 · b075725 · b075725
1 parent bc8e865
commit b075725
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/dropzone/src/Component.tsx b/packages/dropzone/src/Component.tsx
@@ -66,6 +66,10 @@ export const Dropzone: FC<DropzoneProps> = ({
 }) => {
     const [dragOver, setDragOver] = useState(false);
 
+    /**
+     * При ховере дочерних элементов срабатывает dragLeave, из-за чего пропадает оверлей
+     * https://stackoverflow.com/a/21002544
+     */
     const dragCounter = useRef(0);
 
     const handleDragOver = useCallback(
@@ -83,6 +87,8 @@ export const Dropzone: FC<DropzoneProps> = ({
         (event: React.DragEvent<HTMLElement>) => {
             preventAndStopEvent(event);
 
+            dragCounter.current += 1;
+
             setDragOver(true);
 
             if (onDragEnter) {

diff --git a/packages/dropzone/src/index.module.css b/packages/dropzone/src/index.module.css
@@ -46,7 +46,6 @@
 
 .dragOver .overlay {
     opacity: 1;
-    pointer-events: all;
 }
 
 .error:after {