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 Cursor keep reset to starting position when setState, #287

Open
Taymindis opened this issue May 2, 2020 · 1 comment
Open
Labels

Comments

@Taymindis
Copy link

Describe the bug
TextInput Cursor keep reseting to first position when setState on event of changeText,

To Reproduce

<View style={{ flex: 1, flexDirection: 'column' }}>
            <TextInput
              onBlur={() => {
                console.log('blur');
              }}
              onChangeText={text => {
                this.setState({ text });
              }}
              value={this.state.text}
              style={{ flex: 1 }}
              multiline
            />
          </View>

Expected behavior
It should be back to the position where it lay

@Taymindis Taymindis added the bug label May 2, 2020
@HassanA14
Copy link

I had the same issue. All you have to do is remove value={this.state.text} from your <TextInput /> component. For example:

<View style={{ flex: 1, flexDirection: 'column' }}>
            <TextInput
              onBlur={() => {
                console.log('blur');
              }}
              onChangeText={text => {
                this.setState({ text });
              }}
              style={{ flex: 1 }}
              multiline
            />
          </View>

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

No branches or pull requests

2 participants