microsoft / microsoft/react-native-gallery
Bug 58069179: [React Native Gallery -> Sensitive Info]: The text present in the edit fields are getting truncated after applying text scaling to 200%.
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 257
- Forks
- 57
- Avg merge
- 18h 19m
- Merged PRs (30d)
- 10
Description
Build Details:
OS Version: Dev (OS Build 27871.1000)
App: React Native Gallery
App Version: 1.0.18.0
React Native Windows Version: 0.79.0
AT: Text Scaling
Resolution: 1280*768
Pre-Requisite:
Text Scaling (Settings->Accessibility->Text size-> Drag the slider to 200% ->Apply))
Repro-Steps:
Launch the React Native Gallery app.
Navigate to ‘Status & Info' button present in left navigation pane and expand it.
Navigate to 'Sensitive Info' button and activate it.
After applying text scaling, observe the text present in the edit fields.
Actual Result:
The text present in the edit fields are getting truncated after applying text scaling to 200%.
Expected Result:
The text present in the edit fields should be visible clearly to the user without any data loss and truncation.
User impact:
Users with low vision will not be able to consume the content of the button if it is not visible in Text scaling mode.
MAS Reference:
MAS 1.4.4 – Resize Text
Trap ID:
7.1 - Data Loss
"Have feedback on bugs logged, please tag bug as “A11yRCA” and add your feedback in the comment section.”
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the issue in React Native Gallery by opening Status & Info > Sensitive Info with Windows text scaling set to 200%. Inspect the edit fields and their layout behavior; the work is done when their text remains fully visible without truncation or data loss at the reported scale.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- accessibility, mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100