Twitter Call us on +44 (0)1256 486557

Fix Sencha Touch 2.2 box layouts in latest Chrome

A recent update to Chrome has changed how box layouts and min-height work.  There is an easy fix by changing one of the base sass files in the Sencha Touch 2.2 library.

The file we’re looking for is /touch/resources/themes/stylesheets/sencha-touch/base/mixins/_Class.scss

Look for this block:

The fix is changing the order of the display definitions, so the block should end up looking like this:

Hey presto, you should be good to go!