Android browser (webkit) select-multiple items disappears when selected

Question

I have a problem with the android web browser browser

Elements in select-multiple disappear when they are selected

I could not find any solution on the Internet, and no one talked about this problem

I took screenshots on my desktop OS to demonstrate what happens:

Here's how it should look:

Thank you in advance

Answer 1

Try to remove "border: solid 1px black"

Answer 2

The script will be pleasant ..... I made one of my own (by default I do for mobile devices).

I can not replicate your problem ... I tested both HTC X-One and Galaxy Note 3 using the default browser (I also sued Chrome) and no problems ... You can also add the selected objective function:

$(function() { $('#yourid').change(function(e) { var selected = $(e.target).val(); console.dir(selected); }); }); 

This makes the thing neat for the modal base.

Fiddle

Answer 3

Here is a link from an Android tracking tracker that addresses a similar issue

when we select any option from the SELECT tag with the MULTIPLE attribute, the selected option becomes invisible

Select multiple doesn't seem to support css.