Dropdown UI and keyboard issues in React Native versions 0.77 and 0.76.6 in Android only

[priyasinghfmc]

I have a React Native application running on version 0.76.6 and another on version 0.77.
I am encountering two issues with the dropdown

1. When attempting to search within the dropdown content, the keyboard behaves erratically, especially when the dropdowns are positioned at the bottom with just enough space to accommodate the content.
2. When the dropdown is clicked, its content appears at the top of the screen.

Screen.Recording.2025-02-11.at.16.12.26.mov

Code : We have used the same examples shared in the library

Dropdown code.docx

[MuzammilBhatti03]

"I'm also experiencing this issue on React Native 0.77 and 0.76.6, but only on Android. The dropdown doesn't open the keyboard when tapping the search box.

[yoann84]

I experience the same issue with react native 0.76.7 on android, when the input get focus and the keyboard opens, the content appears at the top of the screen.
Dropdown position props bottom would fix that but I can't because of the keyboard.
keyboardAvoiding prop = false, is not working either.

[krunalinfynno]

same I am getting this issue as well.

[shubhaminfynno]

Use this patch file to resolve this issue

react-native-element-dropdown+2.12.4.patch

[testdropdown]

hey @shubhaminfynno and @hoaphantn7604 I am facing this issue like my dropdown items detach from the original position when keyboard appears in the modal in android and I have "react-native-element-dropdown": "^2.12.4", and react native verion is "react-native": "0.76.1",. You can watch this video. Can anyone help me how to solve this

Screen_Recording_20250407_160306_Dynamics.Leo.mp4

[yoann84]

Use this patch file to resolve this issue

react-native-element-dropdown+2.12.4.patch

Your patch doesn't work if the user has dropdownPosition = "top" and not auto.

Here changes : react-native-element-dropdown@2.12.4.patch

The content is now automatically offset in the new versions of react native for the modal when the keyboard appear.