Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Changed the hiding mechanism for invisible native selects so that the…

…y work in Firefox Mobile. Fixes #1626. Tested on the following platforms: Mobile Firefox on Android 2.2, Firefox 3.6 and 4.x Mac, Chrome on Mac, Internet Explorer 7 and 8 - Desktop, Windows Phone 7, Safari desktop, Android 2.2 webkit, iOS 4 iPhone, BlackBerry 5, BlackBerry 6, iOS 4 on iPad, Opera Mini & Desktop on Mac
  • Loading branch information...
commit 198ca91d7d101359b50a5324708837389b7f0eb9 1 parent 912b674
scottjehl authored
Showing with 2 additions and 2 deletions.
  1. +2 −2 themes/default/jquery.mobile.forms.select.css
View
4 themes/default/jquery.mobile.forms.select.css
@@ -6,8 +6,8 @@
.ui-select { display: block; position: relative; }
.ui-select select { position: absolute; left: -9999px; top: -9999px; }
.ui-select .ui-btn { overflow: hidden; }
-.ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
-.ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; }
+.ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; height: 100%; text-indent: -999em; opacity: 0.0001; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
+.ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; }
.ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
.ui-select .ui-btn-icon-right .ui-icon { right: 15px; }

1 comment on commit 198ca91

@pauln

I've tested in Mobile Firefox, Miren and stock browser (Webkit) on Android 2.2.1, stock/Webkit and Mobile Firefox on Android 2.3.4 and Chrome on Windows - all working just fine.

Please sign in to comment.
Something went wrong with that request. Please try again.