react-native-keyboard-aware-scroll-view icon indicating copy to clipboard operation
react-native-keyboard-aware-scroll-view copied to clipboard

[Bug] When switching between inputs, the focused input bounces out of view

Open subhyde opened this issue 2 years ago • 2 comments

Description

When the email field is selected, and i click on the password field the scrollview will scroll down appropriately, but bounces back up, which covers the entire password input

If I click on the password field first, the issue does not happen.

Example:

https://github.com/APSL/react-native-keyboard-aware-scroll-view/assets/24516988/640834ac-8934-4e82-b653-44fe7d123baa

Code snippet

  <KeyboardAwareScrollView extraScrollHeight={-insets.bottom}>
   {...input data}
  </KeyboardAwareScrollView>

note: Extra scroll height prop is just because I'm using a safe area view. Removing SafeAreaView does not fix the bug

subhyde avatar Sep 18 '23 20:09 subhyde

the issue lies within the keyboardOpeningTime. If i do this i am able to bypass the weird bounce animation. However, im not exactly sure what the memory implications of using numbers.max_value are

 <KeyboardAwareScrollView extraScrollHeight={-insets.bottom} keyboardOpeningTime={Number.MAX_VALUE} >

subhyde avatar Sep 18 '23 22:09 subhyde

Thank you @subhyde

taha200 avatar Feb 15 '24 11:02 taha200