60448428 : [React Native Gallery App New]: Text scaling at 200% does not adapt for the top header elements (“Home”, “All samples”, and “React Native Gallery”). #802
Description
ADO Bug Reference
| Field | Value |
|---|---|
| ADO Link | 60448428 |
| 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: Text Scaling
Pre-Requisite
- Set the display resolution at 1280x768
- Increase the text size to 200%
Repro Steps
- Open the application and sign in with valid credentials.
- Observe the left navigation panel.
Actual Results
When the system text scaling is set to 200%, the top header elements including “Home”, “All samples”, and the application title “React Native Gallery” do not resize or adapt properly.
Note
Text scaling does not properly adapt for the submenu items in the left navigation pane. When users increase their device/system font size or apply large text settings, the submenu text does not resize proportionately.
Expected Results
All top header text elements should dynamically resize and reflow properly when the system text scaling is increased. The UI layout should adapt to maintain full visibility of each label without clipping, truncation, or overlap.
User Impact
Users who rely on large text for readability such as users with low vision cannot read the header labels properly. This affects navigation, comprehension, and overall usability of the application. Non-adaptive text scaling creates a significant accessibility barrier, making essential navigation items difficult or impossible to read.
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 60448428 using ADO to GitHub extension