react-native-material-dropdown
react-native-material-dropdown copied to clipboard
Modal gets separated from field if there is a keyboard dismissed animation
If there is a TextInput focused with the keyboard visible, tapping on the dropdown dismisses the keyboard and the window scrolls, the modal gets separated from the dropdown.
See this screen recording:
Note that there's a few seconds pause in the video, just watch till the end.
@reddo Thanks for the video. This is also happening to me. Any luck finding a workaround?
@abartolo nope, still an issue
I have the same issue. Anyone solved?
I patched this adding:
componentWillMount()
{
const handler = (e) => { if(this.state.modal){ this.onPress(null) } }
this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow',handler)
this.keyboardDidHideListener = Keyboard.addListener('keyboardDidHide',handler)
}
Seems to be working for me. I would probably like to see the position measurements separated from the animation and only trigger the former.
@ryachza Yes! It seems work. Pull request made ;)
@n4kz Hi, any idea when the PR from @matteodanelli might get accepted?
Hi there, any solution for this! Can we keep the keyboard open when clicked on dropdown rather than dismissing the keyboard ??
hi is there any fixes regarding this, I have used the patch but not any luck,
I have the same issue.
@ryachza this works for me on iOS but not on android. It seems that the 'keyboardDidHide' event fires too early on Android. Logging the x and y values measured in the onPress function shows the difference between the platforms.
Setting a timeout leads to equal values for iOS and Android (and the expected behavior):
const handler = (e) => { if(this.state.modal){ setTimeout(() => { this.onPress(null) }, 10); } }
Maybe someone can explain the difference in the keyboard event handlers in iOS and Android?