TextInput select and edit menu labels don't follow system locale on iOS
See original GitHub issueDescription:
TextInput
edit menu labels remain in English ignoring system locale on iOS. The issue has been reproduced on iOS 12.4 and 13.3.
React Native version:
System: OS: Linux 5.3 Manjaro Linux undefined CPU: (8) x64 Intel® Core™ i7-8809G CPU @ 3.10GHz Memory: 2.01 GB / 31.29 GB Shell: 5.7.1 - /bin/zsh Binaries: Node: 13.5.0 - /usr/bin/node Yarn: 1.21.1 - ~/.node_modules/bin/yarn npm: 6.13.4 - /usr/bin/npm IDEs: Android Studio: 3.5 AI-191.8026.42.35.5900203 npmPackages: react: 16.9.0 => 16.9.0 react-native: 0.61.5 => 0.61.5
Steps To Reproduce
Prerequisite: set the system locale to a different locale from English.
- In a TextInput component, type some text.
- Select text that was previously typed.
- An select menu appears with labels in English.
- Press “Select All”
- An edit menu appears
Expected Results
The select and edit menus labels should be translated to system locale language.
Snack, code example, screenshot, or link to a repository:
https://github.com/jsamr/react-native-ios-textinput-locale-bug
Issue Analytics
- State:
- Created 4 years ago
- Reactions:3
- Comments:9 (1 by maintainers)
Top Results From Across the Web
Menus and actions - Components - Human Interface Guidelines
NOTE Depending on menu layout, an iOS or iPadOS app can display a few ... refers to the currently selected message, so adding...
Read more >Disable Options on React-Native Text Input - Stack Overflow
This trick worked for me. Here I am using NativeBase. Keep this <TextInput> inside a <Item> tag. Now the selection property should not...
Read more ><input type="tel"> - HTML: HyperText Markup Language | MDN
<input> elements of type tel are used to let the user enter and edit a telephone number. Unlike <input type="email"> and <input type="url"> ......
Read more >TextInput - React Native
Note that on Android performing text selection in an input can change the app's activity windowSoftInputMode param to adjustResize . This may ...
Read more >Text fields - Material Design
To indicate that a field is required, display an asterisk (*) next to the label text and mention near the form that asterisks...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@jsamr, I think the issue here is actually at your XCode project level, and not specific to React Native.
In the example project you linked the only languages set in the project file are english.
Here’s a screenshot showing the view where you add languages to support in your app.
Thank you for bringing this to my attention! Let me ask some folks who know a bit more about iOS behaviors.