Full fix for Firefox/Android overflow issue (#87)

acidb · May 13, 2013 · 096d608 · 096d608
1 parent 3637a59
commit 096d608
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 5 deletions.
diff --git a/css/mobiscroll.core.css b/css/mobiscroll.core.css
@@ -136,6 +136,7 @@
 }
 .dw-moz .dww {
     opacity: .99;
+    z-index: 2;
 }
 .dwsc .dwwl {
     background: #888;

diff --git a/css/mobiscroll.ios.css b/css/mobiscroll.ios.css
@@ -102,11 +102,10 @@
     color: #fff;
 }
 .ios .dwwo {
-    /*display: none;*/
     background: linear-gradient(#333 0%,rgba(153,153,153,0) 10%, rgba(153,153,153,0) 90%, #333 100%);
     background: -webkit-gradient(linear,left bottom,left top,from(#333),color-stop(0.1, rgba(153,153,153,0)),color-stop(0.9, rgba(153,153,153,0)),to(#333));
-    background: -moz-linear-gradient(#333 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #333 100%);
-    background: -o-linear-gradient(#333 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #333 100%);
+    background: -moz-linear-gradient(#333 0%,rgba(153,153,153,0) 10%, rgba(153,153,153,0) 90%, #333 100%);
+    background: -o-linear-gradient(#333 0%,rgba(153,153,153,0) 10%, rgba(153,153,153,0) 90%, #333 100%);
 }
 .ios .dwwol {
     height: 28px;
@@ -124,6 +123,9 @@
     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
     filter: alpha(opacity=50);
 }
+.ios .dww .dwwol {
+    display: none;
+}
 .ios .dw .dwbc {
     position: absolute;
     top: -40px;

diff --git a/css/mobiscroll.wp.css b/css/mobiscroll.wp.css
@@ -14,7 +14,7 @@
     margin: 0;
     vertical-align: middle;
 }
-.wp .dwhl .dwc {
+.wp .dwhl {
     padding: 0;
 }
 .wp .dwwc {

diff --git a/js/mobiscroll.core.js b/js/mobiscroll.core.js
@@ -544,7 +544,7 @@
                     html += '<td><div class="dwwl dwrc dwwl' + l + '">' + (s.mode != 'scroller' ? '<div class="dwwb dwwbp" style="height:' + hi + 'px;line-height:' + hi + 'px;"><span>+</span></div><div class="dwwb dwwbm" style="height:' + hi + 'px;line-height:' + hi + 'px;"><span>&ndash;</span></div>' : '') + '<div class="dwl">' + label + '</div><div class="dwww"><div class="dww" style="height:' + (s.rows * hi) + 'px;min-width:' + s.width + 'px;"><div class="dw-ul">';
                     // Create wheel values
                     html += generateWheelItems(l);
-                    html += '</div></div><div class="dwwo"></div></div><div class="dwwol"></div></div></td>';
+                    html += '</div><div class="dwwol"></div></div><div class="dwwo"></div></div><div class="dwwol"></div></div></td>';
                     l++;
                 }
                 html += '</tr></table></div></div>';