No icons on Android's native browser - Asus Transformer Prime

[onemanclapping]

REQUIRED INFORMATIONExt version tested:

• Sencha Touch 2.0.0

Browser versions tested against:

• Android native browser
• Google Chrome Beta

Description:

• Icons do not show (see picture)

Steps to reproduce the problem:

• Just created a plain button with a iconMask

The result that was expected:

• A button with an icon

The result that occurs instead:

• A button whith an empty square

Test Case:

    items: [   					{
   						xtype: 'button',
   						flex: 1,
   						height: '75px',
   						iconCls: 'speedmarker_fast-backward',
   						iconMask: true
   					},
   					{
   						xtype: 'button',
   						flex: 1,
   						iconCls: 'speedmarker_frame-backward',
   						iconMask: true
   					},

(...)

HELPFUL INFORMATIONScreenshot or Video:

• browser.jpg
• chrome.jpg

Additional CSS used:

• @include pictos-iconmask('speedmarker_fast-backward');
  @include pictos-iconmask('speedmarker_frame-backward');

Operating System:

• Android 4.0.3

[mitchellsimoens]

We are aware of this. Android broke support for webkit masks. We are looking into other alternatives than to use webkit masks.

[durlabh]

It is almost 3 months old issue and a major one at that for delivering any apps using Sencha Touch

[venkatesh.R]

Hi,

Please go through this link,


http://www.sencha.com/forum/showthread.php?192463-Blank-icons-in-tabbar-if-container-has-scrollable-set-to-true/page2

[mitchellsimoens]

It is almost 3 months old issue and a major one at that for delivering any apps using Sencha Touch

DJ, this should be fixed in ST 2.1.0 using font instead of webkit mask