Results 1 to 10 of 10

Thread: [2.1 B2] Icon masks don't work on Android anymore

    Success! Looks like we've fixed this one. According to our records the fix was applied for TOUCH-3244 in a recent build.
  1. #1
    Ext JS Premium Member Steffen Hiller's Avatar
    Join Date
    Mar 2008
    Posts
    786

    Default [2.1 B2] Icon masks don't work on Android anymore

    Icon masks are displayed as squares again on Android 4.1 (emulator, not chrome as browser). They worked in beta 1.

    Also reported by rkraus in this thread: http://www.sencha.com/forum/showthre...l=1#post868418

    Thought I give it a proper new bug thread.

  2. #2
    Sencha User Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661

    Default

    Can you verify you compiled your sass against this version. Having a hard time duplicating the issue.

    Sencha Inc

    Jamie Avins

    @jamieavins

  3. #3
    Ext JS Premium Member Steffen Hiller's Avatar
    Join Date
    Mar 2008
    Posts
    786

    Default

    Quote Originally Posted by Jamie Avins View Post
    Can you verify you compiled your sass against this version. Having a hard time duplicating the issue.
    I did, will create a test case for you ...

  4. #4
    Ext JS Premium Member Steffen Hiller's Avatar
    Join Date
    Mar 2008
    Posts
    786

    Default

    Is sencha-touch-2.1.0-b2/resources/css/sencha-touch.css compiled against it? :-P

    It works fine using that css version ... let me see if I can find out more ...

  5. #5
    Ext JS Premium Member Steffen Hiller's Avatar
    Join Date
    Mar 2008
    Posts
    786

    Default

    Even using my compiled app css works for the isolated example, still investigating ...

  6. #6
    Ext JS Premium Member Steffen Hiller's Avatar
    Join Date
    Mar 2008
    Posts
    786

    Default

    Ha, seems like related to the transforms problems you once had, maybe?

    Add a scrollable panel and you should see the error.

    Code:
        Ext.application({
            name: 'App',
            launch: function () {
                Ext.Viewport.add(Ext.create('Ext.Panel', {
                    fullscreen: true,
                    layout: 'fit',
                    items: [
                        {
                            xtype: 'panel',
                            scrollable: true
                        },
                        {
                            xtype: 'toolbar',
                            docked: 'bottom',
                            items: {
                                iconMask: true,
                                ui: 'plain',
                                iconCls: 'info'
                            }
                        }
                    ]
                }));
            }
        });
    For the record some screenshots:
    Android 4.1 (not working): http://cl.ly/image/0c3P3Z2v1146
    Chrome (working): http://cl.ly/image/051E0s0D2W0T

  7. #7
    Sencha User Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661

    Default

    Probably adds some wrapping and the selectors might not match properly. This test case will help, thank you for looking into it further.

    Sencha Inc

    Jamie Avins

    @jamieavins

  8. #8
    Sencha User rdougan's Avatar
    Join Date
    Oct 2008
    Posts
    1,159

    Default

    Fixed for the next beta.
    Sencha Inc.
    Robert Dougan - @rdougan
    Sencha Touch 2 and Ext JS 4 Core Team Member, SASS/Theming Wizard.

  9. #9
    Ext JS Premium Member Steffen Hiller's Avatar
    Join Date
    Mar 2008
    Posts
    786

    Default

    Quote Originally Posted by rdougan View Post
    Fixed for the next beta.
    niiice

  10. #10

    Default

    Where link download sencha 2.1.0 b1 . ?
    Yes, sencha 2.1.0b1 error in icon mask

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •