Skip to content
This repository
Browse code

Fixes #2647, once and for all. overflow: hidden on text inside select…

… menus was being ignored on iPad Safari specifically.
  • Loading branch information...
commit 48e7fd66615509e924d5a70181e05c0d044036f6 1 parent fbfe982
Mat Marquis authored March 05, 2012
3  css/structure/jquery.mobile.forms.select.css
@@ -18,7 +18,8 @@
18 18
 label.ui-select { font-size: 16px; line-height: 1.4;  font-weight: normal; margin: 0 0 .3em; display: block; }
19 19
 
20 20
 /*listbox*/
21  
-.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden; }
  21
+.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden !important;
  22
+/* This !important is required for iPad Safari specifically. See https://github.com/jquery/jquery-mobile/issues/2647 */ }
22 23
 .ui-select .ui-btn-text { text-overflow: ellipsis; }
23 24
 
24 25
 .ui-selectmenu { position: absolute; padding: 0; z-index: 1100 !important; width: 80%; max-width: 350px; padding: 6px; }

0 notes on commit 48e7fd6

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