Touch 2.2.x is broken in Chrome 29

Chrome 29 came out just two days ago and it appears Sencha Touch 2.2.x projects don’t display properly. I’m not sure if it affects mobile Chrome browsers (I assume it would, once they update, but they do lag behind the desktop browser in that department).

A fix posted by Steve Drucker on his blog: http://druckit.wordpress.com/2013/08/22/sencha-touch-2-x-and-google-chrome-29/

Just change the st-box mixin inside of:

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

…and recompile the SASS. The new code:

@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;
    }
}
VN:F [1.9.22_1171]
Rating: 10.0/10 (2 votes cast)

Sencha Inspector for Chrome

I wanted to share a really cool tool that my colleague released just today. It’s called App Inspector for Sencha and it’s a Chrome extension that fans of FireFox’ Illuminations for Developers will recognize instantly.

It’s the first release, so functionality is limited, but it does have some very useful features already. Particularly, being able to pin-point an ExtJS component when browsing DOM:

Dom Viewer

Also, it lets you browse the ExtJS component tree in general:

Component Tree

As far as I could tell, it doesn’t work for Sencha Touch yet, but I hope that will be added soon.

VN:F [1.9.22_1171]
Rating: 9.7/10 (3 votes cast)