Success! Looks like we've fixed this one. According to our records the fix was applied for TOUCH-2698 in a recent build.
  1. #21
    Sencha User Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661
    Vote Rating
    18
    Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough

      0  

    Default


    Quote Originally Posted by landed View Post
    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.

    Sencha Inc

    Jamie Avins

    @jamieavins

  2. #22
    Sencha User
    Join Date
    Feb 2012
    Posts
    255
    Vote Rating
    2
    landed is on a distinguished road

      0  

    Default


    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 ?

  3. #23
    Sencha User
    Join Date
    Nov 2011
    Location
    León, Spain
    Posts
    77
    Vote Rating
    3
    diesalher is on a distinguished road

      0  

    Default


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

    Thanks

  4. #24
    Sencha User
    Join Date
    Jan 2012
    Posts
    39
    Vote Rating
    0
    sc0ttman is on a distinguished road

      0  

    Default Select field down arrows dont show up

    Select field down arrows dont show up


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

    UPDATE:
    My fix for the selectfield bug is:
    PHP Code:
    <style> .x-field-select z-index1; }</style

  5. #25
    Sencha User
    Join Date
    Mar 2012
    Posts
    9
    Vote Rating
    0
    olafvdg is on a distinguished road

      0  

    Default


    Quote Originally Posted by diesalher View Post
    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?

  6. #26
    Sencha User
    Join Date
    Apr 2011
    Posts
    11
    Vote Rating
    0
    layla is on a distinguished road

      0  

    Default fix works for 4.0.3

    fix works for 4.0.3


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

  7. #27
    Sencha User rkraus's Avatar
    Join Date
    Dec 2011
    Location
    Bonn / Germany
    Posts
    68
    Vote Rating
    0
    rkraus is an unknown quantity at this point

      0  

    Default


    In Sencha Touch 2.1 beta2 it is broken again for Android 4.x devices
    Greetings -Ralf Kraus-

  8. #28
    Sencha User
    Join Date
    Dec 2011
    Posts
    40
    Vote Rating
    1
    bvkimball is on a distinguished road

      0  

    Default


    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>

  9. #29
    Ext JS Premium Member
    Join Date
    Apr 2011
    Posts
    93
    Vote Rating
    3
    adammascherin is on a distinguished road

      0  

    Default


    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.

  10. #30
    Sencha User
    Join Date
    Jun 2012
    Posts
    4
    Vote Rating
    0
    superpande is on a distinguished road

      0  

    Default


    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