android browser (webkit) select-multiple's items disappear when selected

Question

I have an issue with Android's webkit browser

Items in select-multiple disappear when they are selected

I couldn't find any solution on the web, neither nobody talking about this issue

I made the screenshots in my desktop OS just to demonstrate what's happening:

This is how it should appear:

Thank you in advance

sadly no :( i will try again soon though... i didn't test -webkit-appearance:none... maybe it's the way — , Sep 23 '13 at 17:28
also that failed, i also tried to change selected color with ::-webkit-selection with no luck — , Sep 23 '13 at 17:37
This is very odd... again I will see if i have time to help you out since I might deal with a form in the near future for a responsive site. — Riskbreaker, Sep 23 '13 at 17:40

score 2 · Answer 1 · answered Sep 10 '13 at 15:45

2

Try by removing the "border:solid 1px black"

answered Sep 10 '13 at 15:45

Stathis Andronikos

1,259
2
25
44

correction, it did work, but not the expected result. select works but looks like a select-one. it's just incredible they didn't test – Sep 12 '13 at 04:27

score 2 · Answer 2 · answered Sep 10 '13 at 17:34

2

A fiddle would be nice.....I made one of my own (default i do for mobile).

I can't replicate your issue... I tested on both HTC X - One and Galaxy Note 3 using the default browser (I sued Chrome too) and no issue....Also you might want to add a selected target function like this:

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

This makes thing neater for modal base.

FIDDLE

answered Sep 10 '13 at 17:34

Riskbreaker

4,621
1
23
31

you did 280+ tests?? you deserve the bounty only for this reason xD anyway must be system dependent. problem is that happens on 3 androids i have, if i don't add "border" the select is displayed as a select-one box. does this happen also to you? – Sep 10 '13 at 17:56
ha well @Wes I have Browserstack which I can test on many..I used your css with border...no issue..could be because of my selected function – Riskbreaker Sep 10 '13 at 20:18

score 1 · Answer 3 · answered Sep 04 '13 at 16:59

1

Here is a reference from the android issue tracker that addresses a similar issue

when we select any option from a SELECT tag having the attribute MULTIPLE, the choosen option becomes invisible

Seems like the select multiple doesn't support css.

answered Sep 04 '13 at 16:59

marsei

7,691
3
32
41

android browser (webkit) select-multiple's items disappear when selected

3 Answers3