"Jumping" KeyboardAvoidingView content on iOS in case of Passwords autosuggest button is present at the top of the keyboard
See original GitHub issueDescription:
“Jumping” KeyboardAvoidingView
content on iOS in case of appearing of Passwords autosuggest button at the top of the keyboard.
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:
- Run code on iOS device with enabled password autosuggest function.
KeyboardAvoidingView
must havebehavior='padding'
and must be aligned to the bottom of the screen- Screen must contain 2+
TextInput
fields one of which must havetextContentType='password'
or/andsecureTextEntry={true}
- 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:
- Created 4 years ago
- Reactions:8
- Comments:9 (2 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Any updates on this?
keyboardWillShow
triggers twice whensecureTextEntry
is true.