2 Jan 2012 9:00 AM #1
[4.1 Beta1] Many examples broken?
"Uncaught TypeError: Cannot read property 'style' of undefined"
Which, in the cases I saw, was caused by Ext.util.CSS.getRule returning undefined. A specific example that doesn't render/work at all is examples/form/dynamic.html. Verified this in Chrome 16 and Firefox 9.0.1 on OS X Lion.
Probably unrelated, but I also noticed that the CSS files in the 4.1 beta release are not minified/compressed at all and are about double the filesize.. is that just because this is a beta release, or will they remain like that in 4.1 Final?
2 Jan 2012 9:11 AM #2
Also forgot to note, but in my application I use the Ext.scopeResetCSS = true with the scoped css file. As a test I switched to the normal ext-all.css and left scopeResetCSS as false, and after doing this all the issues/errors my application had were no longer present. So I'm guessing the root of the issue may be that internal CSS utilities may not be correctly taking into account scoped CSS configurations?
What's odd though is that the official example I mentioned in my initial post that was not working, was not modified at all by me, I ran it as is, and it is using the standard CSS file with no scoping.
2 Jan 2012 9:53 AM #3
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
I'm assuming you aren't running them from a web server? Works for me on a web server but if using it off the file:// protocol it's a no go.
About the minification of the CSS... we didn't compile the CSS for beta by mistake. This will be done for the GA release.Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services firstname.lastname@example.org
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.
2 Jan 2012 10:12 AM #4
However, I am testing my application on a web server, and am still encountering the issues caused by Ext.util.CSS.getRule() returning undefined only when Ext is configured to use the scoped reset CSS setup. So I guess my question first should be, is there any known/open issues related to using scoped reset CSS in 4.1?
In any case I will attempt to create a live test case separate from my application to reproduce the issues, and will report back here with anything I find.
2 Jan 2012 12:22 PM #5
Ok, I was able to replicate the issue in an official example, while running it from a web server.
Here is the example, unmodified and working ok:
And here is the same example, substituting ext-all.css for ext-all-scoped.css and Adding Ext.scopeResetCSS = true:
3 Jan 2012 5:51 AM #6
There is an ongoing thread in the 4.1 Beta forums about this:
I am experiencing this problem using 4.1 Beta in my existing projects that work on 4.0.7.
(btw, I am using http:// for everything, not file:// protocol)
3 Jan 2012 6:02 AM #7