Skip to content
New issue

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

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

Already on GitHub? # 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>

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

No branches or pull requests

2 participants