Click Pick plus and minus overlays on top of the numbers (Android ICS bug)

[GoogleCodeExporter]

What steps will reproduce the problem?
1.Open the Click pick dialog
2.You will see that plus/minus buttons renders on top of the phones
3.

What is the expected output? What do you see instead?
Expected output is to have the numbers coincide with plus/minus buttons

What version of the product are you using? On what operating system?
Android 4.0 , HTC One x

Please see screen shot.

Please provide any additional information below.

Original issue reported on code.google.com by rizi...@gmail.com on 30 May 2012 at 1:09

Attachments:

• image.jpg

[GoogleCodeExporter]

Any Updates on this Guys ?

Original comment by rizi...@gmail.com on 1 Jun 2012 at 12:35

[GoogleCodeExporter]

So far it looks like it's an Android 4.0 bug, which occurs in some cases, 
especially if you have position:fixed elements anywhere on the page. The 
z-index-es are ignored for position:absolute elements.
Are you using fixed header / footer? If you remove them, can you reproduce the 
bug?

Original comment by diosla...@gmail.com on 1 Jun 2012 at 6:10

[GoogleCodeExporter]

I'm having the same issue and can confirm that removing all 'fixed' elements 
fixes this issue. Works fine in Android 2.2, 2.3. Would be interested in a fix 
or workaround.

Original comment by cjsand on 4 Jun 2012 at 3:22

[GoogleCodeExporter]

Also, here's the bug in the Android project: 
http://code.google.com/p/android/issues/detail?id=31862

Original comment by cjsand on 4 Jun 2012 at 5:29

[GoogleCodeExporter]

Issue 98 has been merged into this issue.

Original comment by diosla...@gmail.com on 15 Jun 2012 at 6:12

[GoogleCodeExporter]

I use a fixed <header> and <footer>, as a temporary work-around, I set my 
header to position: absolute; and my footer to static just before I show 
mobiscroll. Works well enough for my app.

Original comment by cjsand on 15 Jun 2012 at 8:42

[GoogleCodeExporter]

cjsand, could you post some sample code of the temporary fix please.

Original comment by qwertzk...@googlemail.com on 16 Jun 2012 at 8:52

[GoogleCodeExporter]

//Say you have a fixed HTML5 header and footer. Select them and position them 
absolute and hide the footer
var fixedHeader = $("header").css('position', 'absolute'),
    fixedFooter = $("footer").hide();

$('#datePicker').scroller({
     preset: 'date',
     theme: 'sense-ui',
     mode: 'clickpick',
     onSelect: function (value) {
         $txtBox.val(value);
     },
     onClose: function() {
         fixedHeader.css('position', 'fixed');
         fixedFooter.show();
     }
}).scroller('show');

Original comment by cjsand on 18 Jun 2012 at 2:23

[GoogleCodeExporter]

I've also experienced this issue with Android 4.x - I was able to work around 
the issue building off of what cjsand suggested (thanks!) using the onShow and 
onClose events.

$('#someDate').scroller({
    preset: 'date',
    theme: 'android',
    display: 'modal',
    mode: 'scroller',
    onShow: function(html, inst) {
        var header = $('div[data-role="header"]');
        if(header) header.css('position', 'absolute');
        var footer = $('div[data-role="footer"]');
        if(footer) footer.hide();
    },
    onClose: function(html, inst) {
        var header = $('div[data-role="header"]');
        if(header) header.css('position', 'fixed');
        var footer = $('div[data-role="footer"]');
        if(footer) footer.show();
    }
});

Original comment by msee...@gmail.com on 12 Jul 2012 at 8:14

[GoogleCodeExporter]

Issue 98 has been merged into this issue.

Original comment by diosla...@gmail.com on 24 Aug 2012 at 6:33

[GoogleCodeExporter]

Original comment by diosla...@gmail.com on 2 Nov 2012 at 2:41

• Changed title: Click Pick plus and minus overlays on top of the numbers (Android ICS bug)
• Added labels: Android-ICS

[GoogleCodeExporter]

Original comment by diosla...@gmail.com on 2 Nov 2012 at 2:42

• Added labels: AndroidICS
• Removed labels: Android-ICS

[GoogleCodeExporter]

The same issue is there in Andriod 4.0.4(Samsung galaxy s2 and google nexuxs) 
is there  is any other solution??

Original comment by ramakris...@gmail.com on 22 Feb 2013 at 1:55

[GoogleCodeExporter]

Original comment by ramakris...@gmail.com on 22 Feb 2013 at 2:36

Attachments:

• issue.png