search

DataZombies / jQTouch

jQT extensions jqt.activityIndicator, jqt.bars (with numeric badges), jqt.checkGroup & jqt.segmentedControl.Get updates via Twitter http://twitter.com/HeadDZombie. If you find this fork useful please make a donation via PayPal (http://tinyurl.com/2fpmx27). See below for demo links.
MIT License
159 stars 34 forks source link

webkit-mask not working in Android 2.2 #36

Closed l0c0luke closed 13 years ago

l0c0luke commented 13 years ago

Your lovely tab plugin works fine for all android phones until I got to 2.2. At that point it seems the image is not being displayed and I am stuck seeing the grey box. Here is a picture of a 2.1 phone and a 2.2 phone. http://www.ourthursday.com/photo.JPG I know it is not the easiest to see but I think it can give you an idea. Maybe a z-index problem?

DataZombies commented 13 years ago

I tried that on line 437 in jqt.bars.js. It looked even worse. I'll ask around & see if I can find a solution. Have you asked on Android's google board?

l0c0luke commented 13 years ago

Ya been looking, not an easy one to find it seems.

I was able to get something "visible" at least if I went away from the masking. This is nasty though since when activated it doesnt turn blue.

        sheet.insertRule("a#tabbar_" + index + "::after, a#tabbar_" + index + "::before {text-align: center; content:url('" + $(this).attr('mask') + "')}", sheet.cssRules.length);
DataZombies commented 13 years ago

I made a test page with a tabbar with two tabs, the tabbar css & init_tabbar() and it worked. That means that the bug is buried somewhere in either the other code in jqt.bars.js (not likely) or in jqt. I'll keep on hammering on this.

DataZombies commented 13 years ago

Change line 55 in jqt.bars.css from... position: fixed; ...to... position: absolute; ...and tell me what you see.

l0c0luke commented 13 years ago

no change.

DataZombies commented 13 years ago

hurrrrmmmm. The masks show up in Android's simulator with os versions 2.1, 2.2 & 2.3.1. Do me a favor. On your device load http://web.me.com/djpinter1/iPhone/jqtouch/demos/main_tabbar/

l0c0luke commented 13 years ago

your right. It is working fine in my 2.2 emulator no problem. The badges look nasty but thats another thing for sure.

I will take a look at your code and figure out what I got wrong. Is this with the absolute position fix above? Thanks forr helping with this.

DataZombies commented 13 years ago

Is this with the absolute position fix above?

Yep, that absolutely that absolute fix.

Thanks forr helping with this. np

DataZombies commented 13 years ago

Can I close this issue?

l0c0luke commented 13 years ago

for sure.