Custom Search with autocomplete and dropdown not work on Android device

• Framework7 version: 5.7.13
• Platform and Target: Android Device (tested via Nexus 6P w/ Android 8.1.0), Android Simulator (tested via Android 11)
• Live Link or JSFiddle: https://jsfiddle.net/forallepsilon/Lgz6hmpk/

Describe the bug

I have page containing:

• Searchbar with customSearch: true
• Dropdown with Ajax-Data loading
• Custom dropdownContainerEl

Looks like everything is implemented according to sample provided in docs (section “Dropdown With Ajax-Data”).

I expect that my request to REST API is executed while I type, and results are rendered in dropdown. It works in desktop Chrome, iOS device and simulator, but do not work on Android device. In latter case, dropdown does not appear.

After some debugging, it seems like an issue inside F7, but I can not say that for sure.

To Reproduce

Steps to reproduce the behavior:

1. Clone this sample repo: https://github.com/contfedorov/f7-issues/tree/android_search_suggest/
2. Run app on Android device: cordova prepare android && cordova run android (Cordova CLI must be installed)
3. Open app and tap search icon
4. Start typing “er” to trigger API call. “Ervin Howell” and “Glenna Reichert” should be the results. They will be shown on iOS/Chrome, but not on Android device

Expected behavior

Search results are displayed in dropdown right under search bar

Actual Behavior

No dropdown is displayed

Screenshots

In both cases API request is performed correctly, but result is not rendered on Android.

Screen from iOS 14.5 simulator:

Screen from Android 11 simulator:

Additional context

This code works perfectly on desktop Chrome, iOS device and simulator. Only Android device causes problems.

[boosh]

Thanks. I’ll try that approach if I can’t fix this.

[stale[bot]]

This issue has been automatically closed due to inactivity. If this issue is still actual, please, create the new one.