Select list - filter - set buttons disappear on Android 8

[Michael_DeMutis]

Seems to only be happening on Android 8. When type something into the filter fullscreeen mode is interrupted and then when i am finished with my input it doesn’t automatically go back to full screen mode. The bottom navigation bars are blocking the SET / CANCEL buttons.

This doesn’t happen on Android 9.

Another issue which I’m not even sure is a mobiscroll thing is that the keyboard itself when activated appears overtop the content. This happens on both Android 8 and 9. On iOS it butts up the content moving it above the keyboard so you can see what you are entering.

I’m not sure how to address these issues, other than to have the select list drop in from the top instead of the bottom… but that surely would be weird and interrupt the flow. Any suggestions?

[Michael_DeMutis]

[isti]

Hi Michael,

So far I could not reproduce this. Based on the screenshots I guess it’s a cordova app.
I tried a default cordova app, but for me the keyboard does not appear above the content, it pushes up the content (and the picker) instead. Are you using any cordova plugin that might change this behavior? E.g. https://www.npmjs.com/package/cordova-plugin-keyboard - this can be configured how to show the keyboard.
If you cannot find a suitable configuration, please share your package.json file, so I can see the versions you’re using, and a userAgent string of the webview, from a device where this occurs.

[Michael_DeMutis]

Yes to Cordova.

Here is my package.json

I’m not sure how to get the User agent string. I believe I’m using the latest ionic webview.

I’m wondering if it has something with my app being in full screen mode - which I think is from using the statusbar plugin, but I"m not sure about that. I am going try some different things. If you have any insight that would be great. Works perfectly on iOS.

{
“name”: “nww3geh9pn.net.oilanalysis.oilanalysis”,
“displayName”: “OilAnalysis”,
“version”: “1.0.0”,
“description”: “A sample Apache Cordova application that responds to the deviceready event.”,
“main”: “index.js”,
“scripts”: {
“test”: “echo “Error: no test specified” && exit 1”
},
“keywords”: [
“ecosystem:cordova”
],
“author”: “Apache Cordova Team”,
“license”: “Apache-2.0”,
“dependencies”: {
“cordova-android”: “^8.1.0”,
“cordova-plugin-androidx”: “^1.0.2”,
“cordova-plugin-androidx-adapter”: “^1.1.0”,
“cordova-plugin-badge”: “^0.8.8”,
“cordova-plugin-camera”: “^4.1.0”,
“cordova-plugin-device”: “^2.0.3”,
“cordova-plugin-dialog”: “0.0.1”,
“cordova-plugin-dialogs”: “^2.0.2”,
“cordova-plugin-firebasex”: “^7.0.1”,
“cordova-plugin-geolocation”: “^4.0.2”,
“cordova-plugin-inappbrowser”: “^3.1.0”,
“cordova-plugin-ionic-webview”: “git+https://github.com/ionic-team/cordova-plugin-ionic-webview.git”,
“cordova-plugin-local-notification”: “git+https://github.com/katzer/cordova-plugin-local-notifications.git#0ac0372”,
“cordova-plugin-native-spinner”: “git+https://github.com/greybax/cordova-plugin-native-spinner.git”,
“cordova-plugin-network-information”: “^2.0.2”,
“cordova-plugin-splashscreen”: “^5.0.3”,
“cordova-plugin-statusbar”: “^2.4.3”,
“cordova-plugin-wkwebview-inputfocusfix”: “^1.0.4”,
“phonegap-plugin-barcodescanner”: “^8.1.0”
},
“devDependencies”: {
“cordova-plugin-whitelist”: “^1.3.4”
},
“cordova”: {
“plugins”: {
“cordova-plugin-whitelist”: {},
“cordova-plugin-camera”: {
“ANDROID_SUPPORT_V4_VERSION”: “27.+”
},
“cordova-plugin-device”: {},
“cordova-plugin-file”: {},
“cordova-plugin-geolocation”: {},
“cordova-plugin-inappbrowser”: {},
“cordova-plugin-network-information”: {},
“cordova-plugin-splashscreen”: {},
“cordova-plugin-local-notification”: {},
“cordova-plugin-native-spinner”: {},
“cordova-plugin-ionic-webview”: {
“ANDROID_SUPPORT_ANNOTATIONS_VERSION”: “27.+”
},
“cordova-plugin-statusbar”: {},
“cordova-plugin-wkwebview-inputfocusfix”: {},
“cordova-plugin-dialogs”: {},
“cordova-plugin-firebasex”: {
“FIREBASE_ANALYTICS_COLLECTION_ENABLED”: “true”,
“FIREBASE_PERFORMANCE_COLLECTION_ENABLED”: “true”,
“FIREBASE_CRASHLYTICS_COLLECTION_ENABLED”: “true”,
“ANDROID_ICON_ACCENT”: “#FF00FFFF”,
“ANDROID_PLAY_SERVICES_TAGMANAGER_VERSION”: “17.0.0”,
“ANDROID_FIREBASE_ANALYTICS_VERSION”: “17.2.1”,
“ANDROID_FIREBASE_MESSAGING_VERSION”: “20.0.0”,
“ANDROID_FIREBASE_CONFIG_VERSION”: “19.0.3”,
“ANDROID_FIREBASE_PERF_VERSION”: “19.0.1”,
“ANDROID_FIREBASE_AUTH_VERSION”: “19.1.0”,
“ANDROID_CRASHLYTICS_VERSION”: “2.10.1”,
“ANDROID_CRASHLYTICS_NDK_VERSION”: “2.1.1”
},
“phonegap-plugin-barcodescanner”: {
“ANDROID_SUPPORT_V4_VERSION”: “27.+”
}
},
“platforms”: [
“android”
]
}
}

[Michael_DeMutis]

OK I found the setting in my config.xml, I had

The reason being was due to the inability to change the color of the statusbar on Android 9 & 10. Ugh, this is what it ends up looking like. So not a Mobiscroll issue just a general Android gripe.