microsoft / microsoft/react-native-gallery
[React Native Gallery Preview]: 'This text will be copied to the clipboard' edit field is visually presented as a normal text present below the 'Copy to clipboard' button
@protikbiswas100 is already working on this.
Since Sep 23, 2025.
- Dominant language
- TypeScript
- Stars
- 257
- Forks
- 57
- Avg merge
- 18h 19m
- Merged PRs (30d)
- 10
Description
https://dev.azure.com/microsoft/OS/_workitems/edit/59187791
Build Details:
OS Version: 24H2
OS Build: 26100.5074
App: React Native Gallery Preview
Repro-Steps:
Launch the React Native Gallery-Preview app.
Navigate to the 'Expand menu' button and invoke it.
Navigate to ‘All samples’ button present in left navigation pane and invoke it.
Navigate to ‘Clipboard’ button present under “System” group and invoke it.
Observe 'This text will be copied to the clipboard' edit field present below the ‘Copy text to the Clipboard’ button
Actual Result:
'This text will be copied to the clipboard' edit field is visually presented as a normal text present below the 'Copy to clipboard' button
Expected Result:
'This text will be copied to the clipboard' edit field should contain <border/background highlight> so that it will be easy for the user to identify it as an editable input field.
If the text 'This text will be copied to the clipboard' is defined as an edit field, it should be visually distinguishable with a . Otherwise, focus should not land on the non-interactive element.
User Impact:
Users with low vision will be impacted and will not be able to differentiate between static text and edit field
MAS Reference Link: MAS 1.4.1 – Use of Color.
Trap ID: 9.1 - Unattractive Appearance
“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.
Assessment
This issue has not been assessed yet.