@react-aria/dnd 3.0.0-nightly.3444 → 3.0.0-nightly.3451

package/dist/main.js

@@ -3,8 +3,8 @@ var $4vY0V$reactariautils = require("@react-aria/utils");
 var $4vY0V$reactariai18n = require("@react-aria/i18n");
 var $4vY0V$reactarialiveannouncer = require("@react-aria/live-announcer");
 var $4vY0V$reactariaoverlays = require("@react-aria/overlays");
-var $4vY0V$reactariainteractions = require("@react-aria/interactions");
 var $4vY0V$reactdom = require("react-dom");
+var $4vY0V$reactariainteractions = require("@react-aria/interactions");
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
@@ -25,6 +25,7 @@ $parcel$export(module.exports, "ListDropTargetDelegate", () => $2268795bbb597ecb
 
 
 
+
 let $76b1e110a27b1ccd$export$60b7b4bcf3903d8e;
 (function($76b1e110a27b1ccd$export$60b7b4bcf3903d8e) {
     $76b1e110a27b1ccd$export$60b7b4bcf3903d8e[$76b1e110a27b1ccd$export$60b7b4bcf3903d8e["none"] = 0] = "none";
@@ -585,7 +586,18 @@ class $28e10663603f5ea1$var$DragSession {
         }
         // Blur and re-focus the drop target so that the focus ring appears.
         if (this.currentDropTarget) {
-            this.currentDropTarget.element.blur();
+            // Since we cancel all focus events in drag sessions, refire blur to make sure state gets updated so drag target doesn't think it's still focused
+            // i.e. When you from one list to another during a drag session, we need the blur to fire on the first list after the drag.
+            if (!this.dragTarget.element.contains(this.currentDropTarget.element)) {
+                this.dragTarget.element.dispatchEvent(new FocusEvent('blur'));
+                this.dragTarget.element.dispatchEvent(new FocusEvent('focusout', {
+                    bubbles: true
+                }));
+            }
+            // Re-focus the focusedKey upon reorder. This requires a React rerender between blurring and focusing.
+            $4vY0V$reactdom.flushSync(()=>{
+                this.currentDropTarget.element.blur();
+            });
             this.currentDropTarget.element.focus();
         }
         this.setCurrentDropTarget(null);