Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

TextInput inside ScrollView is immediately closed when covered by IME #48618

Open
nightkr opened this issue Jan 11, 2025 · 4 comments
Open

TextInput inside ScrollView is immediately closed when covered by IME #48618

nightkr opened this issue Jan 11, 2025 · 4 comments
Labels
Component: ScrollView Component: TextInput Related to the TextInput component. Needs: Attention Issues where the author has responded to feedback. Needs: Repro This issue could be improved with a clear list of steps to reproduce the issue.

Comments

@nightkr
Copy link

nightkr commented Jan 11, 2025

Description

TextInput inside a ScrollView immediately closes itself when obstructed by the input method window.

This was originally discovered by @Anarchtism and haaaaah.

Steps to reproduce

  1. Install https://codeberg.org/natkr/SuperTallInputMethod (clone and ./gradlew installDebug)
  2. Open the SuperTallInputMethod app, and enable and select it using the buttons provided
  3. Tap the text field, and note that the "keyboard" opens normally
  4. Install and run https://codeberg.org/natkr/repros/src/branch/react-native/textinput-close-when-obstructed
  5. Tap the text field, and note that the "keyboard" opens briefly but then closes immediately

When reproing this I've been running Android 15 (API 35) in the official emulator.

React Native Version

0.76.6

Affected Platforms

Runtime - Android, Build - Linux

Output of npx react-native info

System:
  OS: Linux 6.12 Arch Linux
  CPU: (24) x64 AMD Ryzen 9 5900X 12-Core Processor
  Memory: 5.19 GB / 62.68 GB
  Shell:
    version: 5.2.37
    path: /bin/bash
Binaries:
  Node:
    version: 23.1.0
    path: /bin/node
  Yarn:
    version: 1.22.22
    path: /bin/yarn
  npm:
    version: 10.9.0
    path: /bin/npm
  Watchman: Not Found
SDKs:
  Android SDK:
    API Levels:
      - "35"
    Build Tools:
      - 34.0.0
      - 35.0.0
      - 35.0.0
    System Images:
      - android-10 | Google APIs Intel x86 Atom
      - android-28 | Google Play Intel x86 Atom
      - android-30 | Google Play Intel x86 Atom
      - android-34 | Google APIs Intel x86_64 Atom
      - android-35 | Intel x86_64 Atom
      - android-35 | Google APIs Intel x86_64 Atom
    Android NDK: Not Found
IDEs:
  Android Studio: Not Found
Languages:
  Java:
    version: javac 23
    path: /bin/javac
  Ruby:
    version: 3.3.5
    path: /bin/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 15.0.1
    wanted: 15.0.1
  react:
    installed: 18.3.1
    wanted: 18.3.1
  react-native:
    installed: 0.76.6
    wanted: 0.76.6
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: Not found
  newArchEnabled: false


### Stacktrace or Logs

```text
There is no error message, and nothing is reported in logcat or the react native devtools.

Reproducer

https://codeberg.org/natkr/repros/src/branch/react-native/textinput-close-when-obstructed

Screenshots and Videos

Screen_recording_20250111_123121.webm
@react-native-bot react-native-bot added Component: ScrollView Component: TextInput Related to the TextInput component. Needs: Author Feedback Needs: Repro This issue could be improved with a clear list of steps to reproduce the issue. labels Jan 11, 2025
@react-native-bot
Copy link
Collaborator

Warning

Missing reproducer: We could not detect a reproducible example in your issue report. Please provide either:

@nightkr
Copy link
Author

nightkr commented Jan 11, 2025

Sorry, I'm not sure how to provide a Snack that also includes the keyboard APK (or native service). Not super familiar with React Native, I'm just an IME developer who has to deal with the fallout of this.

@github-actions github-actions bot added Needs: Attention Issues where the author has responded to feedback. and removed Needs: Author Feedback labels Jan 11, 2025
@princektripathi
Copy link
Collaborator

@nightkr, the repro you have shared doesn't have any code. I tried navigating to this URL and cloned https://codeberg.org/natkr/repros.git.

Please provide a valid repro.

@nightkr
Copy link
Author

nightkr commented Jan 13, 2025

@princektripathi Please check out the branch react-native/textinput-close-when-obstructed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component: ScrollView Component: TextInput Related to the TextInput component. Needs: Attention Issues where the author has responded to feedback. Needs: Repro This issue could be improved with a clear list of steps to reproduce the issue.
Projects
None yet
Development

No branches or pull requests

3 participants