Autoscroll to TextInput working partially when blurOnSubmit={false}

I noticed that if you use blurOnSubmit={false}, auto scroll to next focused input will be triggered only when its value is not empty.

Pseudo code example :

<KeyboardAwareScrollView>
  <TextInput
              ref='input1'
              onSubmitEditing={this.input2.focus()}
              blurOnSubmit={false}
              returnKeyType='next' />

  <View style={{ height: 500 }} /> /** Make the scroll **/

  <TextInput ref='input2'/>

Tested on Android only.

Expected behavior :

• Write something on input1
• Click on Next button from keyboard
• input2 get the focus
• auto scroll to input2.

Current behavior :

• Write something on input1
• Click on Next button from keyboard
• input2 get the focus
• auto scroll to input2 not done
• Write something on input2
• Auto scroll to input2 done.

Seems related to the fact input1 does not blur() before to give focus.

If you ask why using blurOnSubmit=false: it avoids keyboard to close/reopen everytime we switch of input, on Android at least.

[jordenchang55]

<KeyboardAwareScrollView>
  <TextInput
	  onSubmitEditing={this.input2.focus()}
	  returnKeyType='next' />
  <TextInput
	  ref={i=>this.inputs.input2 = i}
	  onSubmitEditing={this.input3.focus()}
	  returnKeyType='next' />
  <TextInput
	  ref={i=>this.inputs.input3 = i}
	  onSubmitEditing={this.input4.focus()}
	  returnKeyType='next' />
{/* Input4 is outside of visible region*/}
  <TextInput
	  ref={i=>this.inputs.input4 = i}/>
</KeyboardAwareScrollView>

Here’s the code. For simple, I remove the code about style. I implement next function by myself, so when I click next button, it will focus on next input. The library can work as expected if current input and next input are both in visible region. For example, click next button on input1, it will scroll to input2 automatically. But if the next input is not in visible region, i.e. user need to scroll to see it, auto-scroll will not work.

[dblazeski]

What worked for iOS, is calling blur on the existing input before calling focus on the next one. Haven’t tested android yet. This auto-focused inputs that are not viewable. Ex:

<TextInput 
	ref={input => { this.input1 = input}}
	onSubmitEditing={() => { this.input1.blur(); this.input2.focus() }}
	returnKeyType='next'
        blurOnSubmit={false}
/>
<TextInput 
	ref={input => { this.input2 = input}}
        blurOnSubmit={false}
/>