Describe the bug
When using a screen reader (e.g., NVDA) and navigating the DataTable with keyboard keys (Tab/Arrow), the row selection checkbox cannot be checked or unchecked using the Space/Enter key. Instead, the focus skips to the next focusable element, and the checkbox state remains unchanged.
This issue only occurs when navigating via keyboard with a screen reader active. Mouse interaction works as expected — clicking the checkbox correctly toggles its state.
Reproducer
No response
System Information
System: Windows
Browser: Chrome
Screen Reader: NVDA
Steps to reproduce the behavior
- Use PrimeReact DataTable with selectionMode="multiple" (checkbox).
- Turn on NVDA or any screen reader.
- Navigate to the checkbox using keyboard (Tab or Arrow keys).
- Press Space to check/uncheck.
Expected behavior
The checkbox toggles its state and stays focused.
Describe the bug
When using a screen reader (e.g., NVDA) and navigating the DataTable with keyboard keys (Tab/Arrow), the row selection checkbox cannot be checked or unchecked using the Space/Enter key. Instead, the focus skips to the next focusable element, and the checkbox state remains unchanged.
This issue only occurs when navigating via keyboard with a screen reader active. Mouse interaction works as expected — clicking the checkbox correctly toggles its state.
Reproducer
No response
System Information
Steps to reproduce the behavior
Expected behavior
The checkbox toggles its state and stays focused.