548599 - opentochoice language selector unusable in mobile browsers

Status: RESOLVED FIXED

(Websites Graveyard :: opentochoice.org, defect, P2)

Description

[Marek Stępień [:marcoos, inactive]]

Attachment: OS X Fennec screenshot - you can't really choose anything below Bosnian...

The language selector transformed from a normal HTML <select> element into a jquery-driven widget is hardly usable under iPhone/iPod touch Safari (you need to scroll with two fingers to get to a language down the list - nobody ever does that) and probably under other browsers that have issues with CSS overflow: scroll.

I also heard reports of this issue appearing on Android WebKit browsers, though cannot verify it myself due to the lack of an Android device (a friend of mine who owns an Android phone says he can only switch to Bosnian with this selector).

I have similar problems using Fennec on OS X, so probably it's broken on a N900, too.

The selectstyle method should only be applied to <select> elements when the page is viewed with a desktop browser. Mobile browsers should get plain HTML <select> element.

We should also evaluate using CSS 3 to style form elements instead of jquery hacks.

Comment 1

[Andres Garcia]

Marek,
validation added in order to detect mobile devices. (For such devices the custom select style won't be applied).

PD: Skinning select boxes with CSS2.1/CSS3.0 is very limited and not cross browser compatible, thereby is something we can't consider at this time.

thank you,

Comment 2

[Stephen Donner [:stephend] Not actively reading bugmail]

Hi Andres: what was the rxxxx #?  Thanks!

Comment 3

[Andres Garcia]

Sorry, r63881