Issue with Data Table Editable Cells and Single Selection Mode

[Vseslavr]

Describe the bug

When editing a cell in the data table and attempting to change the status using the dropdown menu, using the keyboard arrow keys (up and down) to navigate through the dropdown options results in navigating through the data table rows instead.

Reproducer

https://stackblitz.com/edit/ljsz8r?file=src%2FApp.jsx

PrimeReact version

10.6.6

React version

18.x

Language

ALL

Build / Runtime

Next.js

Browser(s)

Chrome 126

Steps to reproduce the behavior

1. Open the data table with editable cells and single selection mode enabled.
2. Click on the “Status” cell to activate the dropdown menu.
3. Attempt to navigate through the dropdown options using the keyboard up and down arrow keys.

Expected behavior

When the dropdown menu is open, the up and down arrow keys should navigate through the options within the dropdown menu.

Actual Behavior: Instead of navigating through the dropdown options, the up and down arrow keys cause navigation through the rows of the data table.