React-native-keyboard-aware-scroll-view: Clicking on new field causes blur to occur

[kevinansley]

On Android, when I am currently on a TextInput and touch on a new field, the keyboard goes away, but the field I just touched is no longer selected.

Ideal behavior would be to focus on the new TextInput, keep the keyboard open (or switch keyboard if type is different), and scroll to new position.

[coderdave]

Looks like this is fixed here: https://github.com/facebook/react-native/pull/16889/commits/8cf36d83b6ded1b778a99d52183b7eda13c86b77

It looks like it hasn't been merged to master though. :/

[kevinansley]

Great! Closing out as the issue is a bigger, React-native issue. Thanks!

[lebedev]

Looks like this is fixed here: facebook/react-native@8cf36d8

It looks like it hasn't been merged to master though. :/

Related PR.

[lebedev]

@kevinansley I tried to use forked react-native with the fix @coderdave suggested, but it didn't work. And it shouldn't have worked, because keyboardDismissMode='on-drag' (behavior of which that fix addresses) isn't used in this repo. And even when I use just ScrollView with two TextInputs, the issue persists.

So, it's definitely something within react-native itself.

[lebedev]

And apparently it's the intended behavior.

@kevinansley if you still have this issue, it's actually related to facebook/react-native#17434. And there's the fix right there in this comment. I added keyboardShouldPersistTaps="handled" prop to KeyboardAwareScrollView and voila.

[kevinansley]

Thanks angly-cat! I ended up finding a solution by using NativeBase Container, Content, and Input controls