Flickering of dropdown lists in Android (appverse)

Question

I'm developing a mobile application on Appverse (multiplatform webkit container, like phonegap) and it works very smooth on iOS. However, I've found serious problems when using the same application on Android.

The dropdowns are displayed correctly, but when I click on them the native dropdown (roller) appears and disappears in a fraction of second.

Any clue about what could happen?

~~The application is using jQuery Mobile, and the dropdowns are specifically native.~~ (In the last test, I'm using a plain HTML page, as the following one, with the same results)

EDIT: The tested HTML code into the WebView is simply this one:

 <html>
   <head></head>
   <body><form>
      <select id='myoptions'>
        <option>Option 1</option>
        <option>Option 2</option>
        <option>Option 3</option>
      </select>
   </form></body>
 </html>

score 3 · Answer 1 · edited May 23 '17 at 10:25

3

(Answering my own post)

After reading tons and tons of logs, I've found the reason of this problem. This happens because the application goes to background when the software keyboard appears and this forces the dropdown -contained in the Webview- to close. Similar issue here:

WebView hides soft keyboard during loadUrl(), which means a keyboard cannot stay open while calling javascript

Since the problem has been detected only in certain versions of Android, I'll workaround it by using the dropdown UI of jQueryMobile. Ugly, slow, fragile... but it works.

edited May 23 '17 at 10:25

Community

1
1

answered Sep 13 '13 at 15:44

opalenzuela

3,139
21
41

1

Webviews are in overall much slower then a normal native app – joostmakaay Dec 11 '13 at 08:33
Well, I know that, but it's how it works in Appverse and Phonegap. However, that's unrelated to the problem itself, which persists. – opalenzuela Dec 11 '13 at 08:34

Flickering of dropdown lists in Android (appverse)

1 Answers1