After Google Chrome update Sencha Touch spins

Question

After I updated my Google Chrome to the newest version (v29.0.1547.57 m), some parts of the Sencha Touch app spin. I am using Sencha Touch v2.2.1.

For instance Ext.Msg.Alert, I get the title but no message.

Ext.Msg.alert('Refreshing Session', 'test', null);

Also all of my buttons in Ext.navigation.View are on the left side, even I said explicitly align: 'right'

The title of Ext.navigation.View is also empty, even I set it.

I have changed nothing in my code. With the old version of Google Chrome v28.0.1500.95 everything worked and is still working perfectly.

Answer 1

I also experienced Problems and this quick fix from sencha forum resolved it for me: http://www.sencha.com/forum/showthread.php?269123-2.2.1-default-app.css-amp-chromium-blink-problem&p=987612&viewfull=1#post987612>

Replace mixin st-box and recompile css

@mixin st-box($important: no) {
@if $important == important {
    display: flex !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
} @else {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
}
}