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

multiline TextInput jumps when going to new line #3098

Closed
aprilmintacpineda opened this issue Feb 23, 2022 · 5 comments
Closed

multiline TextInput jumps when going to new line #3098

aprilmintacpineda opened this issue Feb 23, 2022 · 5 comments

Comments

@aprilmintacpineda
Copy link

Current behaviour

TextInput jumps when pressing enter

Expected behaviour

TextInput SHOULD NOT jump when pressing enter

Code sample

import { TextInput } from 'react-native-paper';
<TextInput label="Description" multiline />

Screenshots (if applicable)

IOS

Untitled.mov

ANDROID

Untitled.mov

Android becomes really glitchy especially if you press the enter button fast. This used to not be the case when I was using RNP last time, and I'm using the same device as that time.

PS: I compared the experience with the TextInput from react-native and it seems to be the case as well, not sure how to proceed from here though, I've done some research on google but couldn't find relevant results.

What have you tried

Your Environment

software version
ios or android iPhone 6s ios 12, Samsung Galaxy A01 Android 11
react-native 0.67.2
react-native-paper 4.11.2
node v16.13.0
npm or yarn yarn 1.22.11
expo sdk expo 44.0.6 (this app was not instantiated with expo! This was a bare react app and then I just added expo afterwards for some expo modules that I use)
@github-actions
Copy link

Hey! Thanks for opening the issue. The issue doesn't seem to contain a link to a repro (a snack.expo.dev link or link to a GitHub repo under your username).

Can you provide a minimal repro which demonstrates the issue? A repro will help us debug the issue faster. Please try to keep the repro as small as possible and make sure that we can run it without additional setup.

@github-actions
Copy link

Couldn't find version numbers for the following packages in the issue:

  • react-native-vector-icons
  • npm

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

The versions mentioned in the issue for the following packages differ from the latest versions on npm:

  • react-native (found: 0.67.2, latest: 0.67.3)
  • yarn (found: 1.22.11, latest: 1.22.17)

Can you verify that the issue still exists after upgrading to the latest versions of these packages?

@aprilmintacpineda
Copy link
Author

it's a valid issue, stupid bot.

@aprilmintacpineda
Copy link
Author

Adding scrollEnabled={false} fixes the issue, however the user wouldn't be able to scroll in case the text input has exceeded the max height.

@aprilmintacpineda
Copy link
Author

moving this to facebook/react-native#33165

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant