Permalink
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...
1 parent 912b674 commit 198ca91d7d101359b50a5324708837389b7f0eb9 scottjehl committed May 24, 2011
Showing with 2 additions and 2 deletions.
  1. +2 −2 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
Contributor
pauln commented on 198ca91 May 25, 2011

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.