TextInput from React Native does not show entered text

[yaskovdev]

Environment

  React Native Environment Info:
    System:
      OS: macOS 10.14.1
      CPU: (8) x64 Intel(R) Core(TM) i7-7820HQ CPU @ 2.90GHz
      Memory: 751.85 MB / 16.00 GB
      Shell: 3.2.57 - /bin/bash
    Binaries:
      Node: 9.4.0 - /usr/local/bin/node
      npm: 6.4.0 - /usr/local/bin/npm
    SDKs:
      iOS SDK:
        Platforms: iOS 12.1, macOS 10.14, tvOS 12.1, watchOS 5.1
    IDEs:
      Android Studio: 3.2 AI-181.5540.7.32.5056338
      Xcode: 10.1/10B61 - /usr/bin/xcodebuild
    npmPackages:
      react: 16.6.1 => 16.6.1 
      react-native: 0.57.7 => 0.57.7 
    npmGlobalPackages:
      create-react-native-app: 1.0.0
      react-native-cli: 2.0.1
      react-native-config: 0.11.5
      react-native-git-upgrade: 0.2.7

Description

The TextInput component does not show text just typed if it already has some long text and the cursor is in the leftmost position.

Steps to reproduce:

1. Open the Reproducible Demo application (see below).
2. Put the cursor to the beginning of the text in the TextInput.
3. Try typing something (say, "abc").

Expected:

Actual:

I.e., "abc" is entered, however, the cursor stays in the initial position and the entered text is not visible. I have to move the cursor to the left myself to see the text. That is not expected behavior: I, as a user, feel that the input is broken and my text just is not entered at all.

Reproducible Demo

The project to reproduce the issue is available here. Just run it in Xcode on an iOS simulator.

Related Stack Overflow Question

https://stackoverflow.com/questions/53732372/textinput-from-react-native-does-not-show-entered-text

[orta]

Confirmed this is still happening with the latest release.

[satheeshwaran]

I am facing the exact issue in certain conditions, any quick fix? I tried multiline={true} but it breaks my alignment. Why is this not working out of the box?

[menesh2]

joins the question
check this snack https://snack.expo.io/@roach_iam/textinput-bug

[mr-moon]

Still happening on 61

[stale]

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

[stale]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.

[johnnytest470]

Can someone reopen this? A "Feature" or "Easter Egg" of react native apps?