White line of toolbar icon in Sencha Touch2 Android

Question

Toolbar iconmask button in Sencha Touch2 problem. At iPhone, there is no problem.

But android, there is white line in toolbar button icon.

It is not all icons at the applicatoin.

Some button has the line, another has. And whereas same iconCls, at some view has the line, at the another view does not.

My test device is 201HW, Android 4.0.4.

Answer 1

First of all check to see if the size of the mask -webkit-mask-size is the same with the container size( width height ).

If this problem is only on Android: you should set z-index property for the parent container of the mask.