Blank icons in tabbar if container has scrollable set to true

[Jamie Avins]

It seems to work for me too, many thanks for this obscurity. How did you get to this ? Interested..

I noticed that the Toolbar examples were working, even with transforms on them. So I then figured that unlike the transform issues we had in the past with masks, this had to be fixable. Then it was a matter of finding the differences in CSS between Toolbar and TabBar. That took quite a while and I had to bring in Rob and Jacky because it wasn't any of the usual suspects (position, display, box-shadows, etc.). We still have no idea why it needs z-index and it's accidental that toolbar had this in there from Touch 1.x as the DOM structure has changed and shouldn't need it.

[landed]

Interesting thanks for expanding.

We noticed it break when packaged native using phone gap for android on 4.0

my implementation is in index file
<style> .x-tabbar > * { z-index: 1; }</style>

anyone else notice an issue when going native ?

[diesalher]

In my case, the icons are blank in buttons, not in a tabbar, what is the css for fix button icons?

Thanks

[sc0ttman]

On android the selectfield dropdown arrow is sometimes (usually, actually) a square box.

UPDATE:
My fix for the selectfield bug is:

<style> .x-field-select { z-index: 1; }</style> 

[olafvdg]

In my case, the icons are blank in buttons, not in a tabbar, what is the css for fix button icons?
Thanks

Same here, how to fix this issue for buttons with iconMask?

[layla]

Thanks for the easy fix! Have put it in my css file and it works like a charm

[rkraus]

In Sencha Touch 2.1 beta2 it is broken again for Android 4.x devices

[bvkimball]

If its still broken in ST 2.1 beta2, check if .x-tabbar-inner css position: static,
for z-index to be set it must be relative or absolute
ie.
<style> .x-tabbar > * { z-index: 1; position: relative; }</style>

[adammascherin]

The z-index fix seems to work for buttons outside of a tabbar as well. I've found that giving the container of the image or button the z-index property seems to work. So if I have an image mask or button with image mask in a panel (instead of a tabbar), I give the panel a style of z-index: 1 and it works.

[superpande]

Came here to say

THANK YOU!!!!!!!!!!!

Been dealing with this and didnt stumble on this til today. I added the <style> line to my index.html and it fixed my issues on Android. Beautiful. Thanks guys