fix(form): activate PTE input when dragging files (#6929)

Signed-off-by: Fred Carlsen <fred@sjelfull.no>
sanity-io · Jun 13, 2024 · f589698 · f589698
1 parent 18aee90
commit f589698
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/sanity/src/core/form/components/ActivateOnFocus/ActivateOnFocus.tsx b/packages/sanity/src/core/form/components/ActivateOnFocus/ActivateOnFocus.tsx
@@ -52,6 +52,15 @@ export function ActivateOnFocus(props: ActivateOnFocusProps) {
     [isOverlayActive, onActivate],
   )
 
+  const handleDragEnter = useCallback(() => {
+    if (!isOverlayActive) {
+      return
+    }
+    if (onActivate) {
+      onActivate()
+    }
+  }, [isOverlayActive, onActivate])
+
   const handleOnFocus = useCallback(() => {
     setFocused(true)
   }, [])
@@ -86,6 +95,7 @@ export function ActivateOnFocus(props: ActivateOnFocusProps) {
       onClick={handleClick}
       onFocus={handleOnFocus}
       onKeyDown={handleKeyDown}
+      onDragEnter={handleDragEnter}
     >
       {isOverlayActive && (
         <FlexContainer data-testid="activate-overlay" tabIndex={0} align="center" justify="center">