question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

TextInput select and edit menu labels don't follow system locale on iOS

See original GitHub issue

Description:

TextInput edit menu labels remain in English ignoring system locale on iOS. The issue has been reproduced on iOS 12.4 and 13.3.

ios

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.

  1. In a TextInput component, type some text.
  2. Select text that was previously typed.
  3. An select menu appears with labels in English.
  4. Press “Select All”
  5. 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:closed
  • Created 4 years ago
  • Reactions:3
  • Comments:9 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
blavallacommented, Jun 21, 2021

@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.

Screen Shot 2021-06-21 at 3 21 07 PM

1reaction
amarlettecommented, Jun 15, 2021

Thank you for bringing this to my attention! Let me ask some folks who know a bit more about iOS behaviors.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found