fix: prevent dnd propagation in select context to prevent accidental …

…uploads with native inputs
sanity-io · Feb 26, 2021 · 6fe2297 · 6fe2297
1 parent 14462ab
commit 6fe2297
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/app.tsx b/src/app.tsx
@@ -25,6 +25,7 @@ const AssetBrowser: FC<Props> = (props: Props) => {
   // prematurely closing, as it attaches events on `document` to detect outside clicks.
   const handleStopPropagation = (e: MouseEvent) => {
     e.nativeEvent.stopImmediatePropagation()
+    e.stopPropagation()
   }
 
   return (
@@ -42,6 +43,10 @@ const AssetBrowser: FC<Props> = (props: Props) => {
               ) : (
                 <Portal>
                   <Box
+                    onDragEnter={handleStopPropagation}
+                    onDragLeave={handleStopPropagation}
+                    onDragOver={handleStopPropagation}
+                    onDrop={handleStopPropagation}
                     onMouseUp={handleStopPropagation}
                     style={{
                       bottom: 0,