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.

Return-key 'next' on numeric TextInput doesn't work on iOS since 2019?!?

See original GitHub issue

Please provide all the information requested. Issues that do not follow this format are likely to stall.

Description

If using another returnKeyType then ‘done’ on a numeric TextInput, it isn’t shown at all.

React Native version:

System: OS: macOS 11.4 CPU: (8) x64 Intel® Core™ i7-8559U CPU @ 2.70GHz Memory: 34.68 MB / 16.00 GB Shell: 5.8 - /bin/zsh Binaries: Node: 12.22.1 - /var/folders/pz/j_z7p6bs1gq08f42zb9x_fj00000gn/T/yarn–1625065239113-0.5195055990868227/node Yarn: 1.22.10 - /var/folders/pz/j_z7p6bs1gq08f42zb9x_fj00000gn/T/yarn–1625065239113-0.5195055990868227/yarn npm: 6.14.12 - ~/.nvm/versions/node/v12.22.1/bin/npm Watchman: Not Found Managers: CocoaPods: 1.10.1 - /usr/local/bin/pod SDKs: iOS SDK: Platforms: iOS 14.5, DriverKit 20.4, macOS 11.3, tvOS 14.5, watchOS 7.4 Android SDK: Not Found IDEs: Android Studio: 4.2 AI-202.7660.26.42.7351085 Xcode: 12.5/12E262 - /usr/bin/xcodebuild Languages: Java: 15.0.1 - /usr/local/opt/openjdk/bin/javac npmPackages: @react-native-community/cli: Not Found react: 17 => 17.0.1 react-native: 0.64.1 => 0.64.1 react-native-macos: Not Found npmGlobalPackages: react-native: Not Found

Steps To Reproduce

Provide a detailed list of steps that reproduce the issue.

  1. Create a TextInput
  2. Set: keyboardType=“numeric” returnKeyType={‘next’}
  3. Run on iOS

Expected Results

A next button in the toolbar above the keyboard

Snack, code example, screenshot, or link to a repository:

This problem seems to be occurring now for a longer time, the creator of the original issue didn’t follow the template though: https://github.com/facebook/react-native/issues/26885

<TextInput keyboardType="numeric" returnKeyType={ 'done' } /> image

<TextInput keyboardType="numeric" returnKeyType={ 'next' } /> image

Issue Analytics

  • State:open
  • Created 2 years ago
  • Reactions:12
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
Hustenbonboncommented, Jul 28, 2021

@ken0nek I don’t understand how your comment and this issue are related. On a “done” return key type, react native shows a toolbar. On “next”, it doesn’t show a toolbar. This inconsistency looks like a bug to me and is not related to a toolbar showing at all or not on UIKit. Please correct me if I misunderstood your comment.

1reaction
ken0nekcommented, Jul 1, 2021

I think it’s not a React Native issue.

We cannot display Done button and Next button when we specify Number Pad, Phone Pad, or Decimal Pad etc. even when we use UIKit.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Identify Return Key action in React Native - Stack Overflow
To exploit this I need to identify the Return key action. How to do this? <TextInput style={styles.additionalTextInput} multiline={true} ...
Read more >
If your Mac doesn't respond to key presses - Apple Support
Click Edit next to Input Sources on the right, then turn on “Show Input menu in menu bar.” Open the Input menu, then...
Read more >
TextInput - React Native
A foundational component for inputting text into the app via a keyboard. Props provide configurability for several features, such as auto-correction, ...
Read more >
How to move to the next UITextField when the user presses ...
If you're in a situation where your iOS app has multiple UITextField instances lined up, users expect to be able to move between...
Read more >
How to click Enter after entering some text - Appium Discuss
And for sending the enter key you have to use key event i.e. driver.sendKeyEvent(Keys.ENTER);. If that does not work you can try element.click();...
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