One day when I checked my app done in sencha touch 2.2, it's layout has been totally broken.I realised that my Chrome has been auto updated to 29 from 28. It works perfectly in chrome 28 and older , any other webkit browsers.When I checked the sample app comes from sencha touch package, it's also seems to be broken.My clients also use chrome 29 .How can I fix this layout issue for chrome 29?
相关问题
- Browsers render final comma of right-to-left (rtl)
- Chrome dev tools exact computed value for CSS rule
- Change Chromium icon and “chrome” text to custom i
- Sencha Touch 2: 'specified Store cannot be fou
- debugging webgl in chrome
相关文章
- Centering a WPF control
- Is there a way to hide the new HTML5 spinbox contr
- Google Chrome Cache
- how to download a file on Chrome without auto rena
- Do all browsers on iOS use WKWebview or UIWebVIew?
- Why does Google Chrome NOT use cached pages when I
- Calling Chrome web browser from the webbrowser.get
- Stop automatic scrolling on page content change
I had same problem and i fixed.
Go to
touch/resources/themes/stylesheets/sencha-touch/base/mixins/_Class.scss
in your appReplace the
mixin st-box
with the following and re-compile your css using compass:In your touch framework folder open the following Sass mixin: resources/themes/stylesheets/sencha-touch/base/mixins/_Class.scss
Search for the st-box mixin, and replace the code for: //fix for chrome 29 bug. - it just switches the order //of the display rules
The next thing you have to do, is compile the Sass stylesheets. You will need Sass & Compass (and Ruby) have installed on your machine. On the command line, browse to the folder: touch/resources/sass and run the following line: compass watch
This should fix your Sencha Touch problems for the latest Chrome browser! (In case you don’t have Sass/Compass installed and you only want the generated app.css, feel free to download it from here. http://www.ladysign-apps.com/developer/wp-content/uploads/2013/08/app.css
I was having an issue as well, I had success updating to sencha 2.2.1. you can use sencha cmd to upgrad your project pretty easily using the command sencha upgrade. http://docs-origin.sencha.com/touch/2.2.1/#!/guide/command