question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

"Jumping" KeyboardAvoidingView content on iOS in case of Passwords autosuggest button is present at the top of the keyboard

See original GitHub issue

Description:

“Jumping” KeyboardAvoidingView content on iOS in case of appearing of Passwords autosuggest button at the top of the keyboard.

ezgif-5-58493224be62

React Native version:

System:
OS: macOS Mojave 10.14.5
CPU: (8) x64 Intel(R) Core(TM) i7-4870HQ CPU @ 2.50GHz
Memory: 363.24 MB / 16.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 10.15.3 - ~/.nvm/versions/node/v10.15.3/bin/node
Yarn: 1.17.3 - ~/.yarn/bin/yarn
npm: 6.4.1 - ~/.nvm/versions/node/v10.15.3/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
SDKs:
iOS SDK:
Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1
Android SDK:
API Levels: 23, 28, 29
Build Tools: 28.0.3, 29.0.0, 29.0.1, 29.0.2
System Images: android-28 | Android TV Intel x86 Atom, android-28 | China version of Wear OS Intel x86 Atom, android-28 | Wear OS Intel x86 Atom, android-28 | Intel x86 Atom, android-28 | Intel x86 Atom_64, android-28 | Google APIs Intel x86 Atom, android-28 | Google APIs Intel x86 Atom_64, android-28 | Google Play Intel x86 Atom, android-28 | Google Play Intel x86 Atom_64, android-29 | Google APIs Intel x86 Atom
IDEs:
Android Studio: 3.5 AI-191.8026.42.35.5900203
Xcode: 11.2.1/11B500 - /usr/bin/xcodebuild
npmPackages:
react: 16.9.0 => 16.9.0 
react-native: 0.61.5 => 0.61.5 
npmGlobalPackages:
create-react-native-app: 2.0.2
react-native: 0.61.5

Steps To Reproduce:

  1. Run code on iOS device with enabled password autosuggest function.
  2. KeyboardAvoidingView must have behavior='padding' and must be aligned to the bottom of the screen
  3. Screen must contain 2+ TextInput fields one of which must have textContentType='password' or/and secureTextEntry={true}
  4. Change focus by tapping from one field to another.

Expected Results:

KeyboardAvoidingView content don’t move while changing focus on the TextInput fields.

Snack:

https://snack.expo.io/@sergeyyuhimovich/keyboardavoidingview-bug

Issue Analytics

  • State:open
  • Created 4 years ago
  • Reactions:8
  • Comments:9 (2 by maintainers)

github_iconTop GitHub Comments

7reactions
cosivoxcommented, Sep 10, 2020

Any updates on this?

4reactions
Bardiamistcommented, May 22, 2020

keyboardWillShow triggers twice when secureTextEntry is true.

Read more comments on GitHub >

github_iconTop Results From Across the Web

react native - iOS Keyboard autofill makes content jump/glitch ...
The problem only occurs(I think) when Autofill Passwords is enabled in Settings>Passwords>Autofill Passwords. If I disable Autofill Passwords, ...
Read more >
keyboardavoidingview modal | The search engine you control.
On android the keyboard causes my modal to move up to avoid the keyboard. I would like to change that behavior so I...
Read more >
KeyboardAvoidingView - React Native
This component will automatically adjust its height, position, or bottom padding based on the keyboard height to remain visible while the ...
Read more >
React.Basic.Native - Pursuit - PureScript
accessibilityRole Accessibility Role tells a person using either VoiceOver on iOS or TalkBack on Android the type of element that is focused on....
Read more >
show loader on button click react - Hofmann Law Offices
How to Re-render Browser View on Window Resize in React JS, How to Build Large Virtualize List using React Window, How to Use...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found