Tree: Can't switch between nodes with arrow up and arrow down keys if drag feature is enabled

[zamanapavel]

Describe the bug

If drag feature is enabled, can't switch with arrow up and arrow down keys.
Looks like p-treenode-droppoint element is focused in this case, and error occurs

Uncaught TypeError: Cannot read properties of undefined (reading 'focus')
at UITreeNode.focusNode (tree.esm.js:355:1)
at UITreeNode.focusNode (react-hot-loader.development.js:717:1)
at UITreeNode.onNodeKeyDown (tree.esm.js:270:1)
at UITreeNode.onNodeKeyDown (react-hot-loader.development.js:717:1)
at HTMLUnknownElement.callCallback (react-dom.development.js:3945:1)
at Object.invokeGuardedCallbackDev (react-dom.development.js:3994:1)
at invokeGuardedCallback (react-dom.development.js:4056:1)
at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:4070:1)
at executeDispatch (react-dom.development.js:8243:1)
at processDispatchQueueItemsInOrder (react-dom.development.js:8275:1)

Reproducer

No response

PrimeReact version

8.1.0

React version

17.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

User can select next/previous node by pressing down arrow/up arrow key

[melloware]

Thanks for reporting. When drag drop is enabled nextSibling is a p-treenode-droppoint not a p-treenode so we need to keep looping over siblings until we run out or find the next node.