layouts using flex seems to be broken in latest chrome

[diewell]

My Chrome has just auto updated itself to 29.0.1547.57. Now all the layouts with flex config are broken. With Safari and with Sencha Architect's built in browser it's all good.
I wonder if I am the only one experiencing this.
Is there any quick solution? Do not want to downgrade Chrome...
Thanks

[fmoseley]

See the following thread and suggested workaround it may be related to your issue
http://www.sencha.com/forum/showthread.php?269123

[diewell]

And

• buttom i set algin right. Now, it doesn't affect.
• Before i set data for container by setData method. It's has data. Now, It's blank page.
• I used confirm alert box to has a textfield to input password. Now. it's only show title and button, textfield didn't exist.

[ansgar.schulte]

I can confirm, that I have exactly the same issues with Chrome version 29.0.1547.57

[ansgar.schulte]

Ok. Changing the mixin worked for me as a workaround
http://www.sencha.com/forum/showthread.php?269123-2.2.1-default-app.css-amp-chromium-blink-problem&p=987612&viewfull=1#post987612

[s.t.a.s]

Yeppp! Everyone can check Kitchen Sink in 29th version of Chrome. Layout is totally broken.

[JRS]

Also just wanted to add - this problem looks very similar to the behaviour I found on the Blackberry Playbook.

[ClosedEyesSeeing]

Also having this issue - this is preventing users using Chrome Version 29.0.1547.57 m to not be able to register on my site. Confirmed issue on Mac and Win7 versions of Chrome.

This is using Sencha Touch 2.2.1

I, also, could not get the proposed fix to work for me.

[Jamie Avins]

Changing the rule order in our st-box mixin will resolve the issue.

resources/themes/stylesheets/sencha-touch/base/mixins/_Class.scss

Replace the mixin st-box with the following and re-compile:

@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;
    }
}

[abierbaum]

I can confirm that this mixin change fixes it for me.