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 - Sencha Touch Dev Team Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661
    Vote Rating
    19
    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
    92
    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

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar