60423861 : [React Native Gallery App New: FlatList]: Keyboard focus is missing or partially visible on certain FlatList items. #790
Description
ADO Bug Reference
| Field | Value |
|---|---|
| ADO Link | 60423861 |
| Type | Bug |
| State | Active |
| Priority | -- |
| Severity | -- |
| Reason | Investigate |
| Area Path | -- |
| Iteration | -- |
| Created By | Arjun Chakraborty (WIPRO LIMITED) |
| Assigned To | Nitin Chaudhary |
Repro Steps
Environment Details
OS Version: 24H2
OS Build: 27975.984
Application: React Native Gallery
Application Version: 2.0.8.0
AT: Keyboard
Repro Steps
- Open the application and sign in with valid credentials.
- Navigate to 'All Sample' button and invoke it.
- Navigate to 'FlatList' button and invoke it.
- Now navigate throughout the interface and observe the keyboard focus.
Actual Results
Within the FlatList component, the keyboard focus is not consistently visible. In some items, the focus indicator does not appear at all, and in other items, the focus is only partially visible or clipped. This makes focus movement unpredictable and difficult to track across the list.
Expected Results
Keyboard focus should be fully visible on every FlatList item without clipping, cutoff, or disappearance. Each focusable item should provide a clear, consistent, and complete focus indicator.
User Impact
Users who rely on keyboard navigation may struggle to understand which item is currently focused, leading to confusion, navigation errors, and reduced ability to perform actions accurately.
MAS Reference
Trap ID
“Have feedback on bugs logged, please tag bug as “A11yRCA” and add your feedback in the comment section.”
Automatically created from ADO Bug 60423861 using ADO to GitHub extension