Issue with Data Table Editable Cells and Single Selection Mode

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.

Start with the linked StackBlitz reproducer and inspect the editable DataTable cell, status dropdown, and single-selection keyboard handling. Reproduce the issue in Chrome with PrimeReact 10.6.6; done means the up and down arrow keys move through dropdown options without moving between table rows.