feat: redirect focus to first item if item was dragged to hidden location (#362)

Author: lukasbach

next-release-notes.md

@@ -1,5 +1,6 @@
 ### Features
 - RTL mode can be used on default renderers, see [docs for details](https://rct.lukasbach.com//docs/guides/accessibility#right-to-left-mode-rtl) (#369)
+- Redirect focus to first item if focused item was dragged to hidden location (#362)
 
 ### Bug Fixes and Improvements
 - Fixes an issue where not providing a submit button ref in a custom rename input renderer would prevent dismissing the input on blur (#368)

packages/core/src/controlledEnvironment/useControlledTreeEnvironmentProps.ts

@@ -47,9 +47,13 @@ export const useControlledTreeEnvironmentProps = ({
   >(
     (item, treeId, setDomFocus = true) => {
       if ((autoFocus ?? true) && setDomFocus) {
-        const newItem = getDocument()?.querySelector(
-          `[data-rct-tree="${treeId}"] [data-rct-item-id="${item.index}"]`
-        );
+        const newItem =
+          getDocument()?.querySelector(
+            `[data-rct-tree="${treeId}"] [data-rct-item-id="${item.index}"]`
+          ) ??
+          getDocument()?.querySelector(
+            `[data-rct-tree="${treeId}"] [data-rct-item-id]`
+          );
 
         if (
           getDocument()?.activeElement?.attributes.getNamedItem(