react / react/react-native

The text in the React Native TextInput component is obscured and allows vertical scrolling.

Open
#54,149 6 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Component: TextInput Needs: Triage :mag:
Dominant language
C++
Stars
127k
Forks
25.3k
Avg merge
1d 23h
Merged PRs (30d)
4

Description

Description

The text in the React Native TextInput component is obscured and allows vertical scrolling.

Steps to reproduce

input: {
borderWidth: 1,
borderColor: Colors.light.icon,
borderRadius: 8,
padding: 12,
fontSize: 16,
},

React Native Version

0.81.4

Affected Platforms

Runtime - Android

Output of npx @react-native-community/cli info
System:
  OS: Windows 11 10.0.22631
  CPU: (16) x64 Intel(R) Core(TM) i7-10700KF CPU @ 3.80GHz
  Memory: 1.01 GB / 15.90 GB
Binaries:
  Node:
    version: 20.18.0
    path: C:\Program Files\nodejs\node.EXE
  Yarn:
    version: 1.22.22
    path: C:\Program Files\nodejs\yarn.CMD
  npm:
    version: 10.8.2
    path: C:\Program Files\nodejs\npm.CMD
  Watchman: Not Found
SDKs:
  Android SDK: Not Found
  Windows SDK: Not Found
IDEs:
  Android Studio: Not Found
  Visual Studio:
    - 17.13.35931.197 (Visual Studio Community 2022)
Languages:
  Java:
    version: 17.0.13
    path: C:\Program Files\Microsoft\jdk-17.0.13.11-hotspot\bin\javac.EXE
  Ruby: Not Found
npmPackages:
  "@react-native-community/cli": Not Found
  react:
    installed: 19.1.0
    wanted: 19.1.0
  react-native:
    installed: 0.81.4
    wanted: 0.81.4
  react-native-windows: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: Not found
  newArchEnabled: Not found
iOS:
  hermesEnabled: Not found
  newArchEnabled: Not found

info React Native v0.82.0 is now available (your project is running on v0.81.4).
info Changelog: https://github.com/facebook/react-native/releases/tag/v0.82.0
info Diff: https://react-native-community.github.io/upgrade-helper/?from=0.81.4&to=0.82.0
info For more info, check out "https://reactnative.dev/docs/upgrading?os=windows".
Stacktrace or Logs
style
MANDATORY Reproducer

https://github.com/PL-FE/ai-study/tree/debug

Screenshots and Videos
Image

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by running the mandatory reproducer at https://github.com/PL-FE/ai-study/tree/debug on Android with React Native 0.81.4, using the supplied TextInput example. Compare the obscured text and vertical-scrolling behavior with the expected TextInput behavior, then verify both symptoms are resolved on Android.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native
Domain
mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Needs clarification
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.