Editor broken in trunk (07-18-13) on FF 23

[Jeep Guy]

Just upgraded from the current stable to trunk in order to test out some of the newest features and ran into the following problem.

The editor works just fine in Chrome. The only item in the console is a missing map file for jquery 1.10.

While using FF 23 the editor loads the file (well, the tab displays that the file is open) but the file is blank. There is an appropriate space where the editor SHOULD be before the display of keyboard commands.

I get the following in the console:

[12:59:37.758] Error in parsing value for 'filter'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap.min.css:9
[12:59:37.758] Expected declaration but found '*'.  Skipped to next declaration. @ http://127.0.0.1:8000/admin/static/css/bootstrap.min.css:9
[12:59:37.758] Unknown property '-moz-border-radius'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap.min.css:9
[12:59:37.758] Unknown property '-moz-box-shadow'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap.min.css:9
[12:59:37.758] Unknown property '-moz-background-clip'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap.min.css:9
[12:59:37.759] Unknown property 'zoom'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap.min.css:9
[12:59:37.759] Error in parsing value for 'background-image'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap.min.css:9
[12:59:37.759] Unknown property 'box-sizing'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap.min.css:9
[12:59:37.759] Unknown property '-moz-background-size'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap.min.css:9
[12:59:37.762] Unknown property '-moz-box-shadow'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap_essentials.css:21
[12:59:37.762] Error in parsing value for 'filter'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap_essentials.css:23
[12:59:37.763] Expected declaration but found '#border-left'.  Skipped to next declaration. @ http://127.0.0.1:8000/admin/static/css/bootstrap_essentials.css:79
[12:59:37.763] Unknown property '-moz-border-radius'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap_essentials.css:109
[12:59:37.763] Unknown property 'box-sizing'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap_essentials.css:146
[12:59:37.763] Unknown property '-moz-box-shadow'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap_essentials.css:148
[12:59:37.763] Unknown property '-moz-box-shadow'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap_essentials.css:209
[12:59:37.763] Error in parsing value for 'background'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap_essentials.css:237
[12:59:37.763] Expected color but found 'top'.  Error in parsing value for 'background'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap_essentials.css:237
[12:59:37.763] Error in parsing value for 'filter'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap_essentials.css:237
[12:59:37.763] Unknown property '-moz-border-radius'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap_essentials.css:265
[12:59:37.763] Unknown property '-moz-box-shadow'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap_essentials.css:265
[12:59:37.763] Error in parsing value for 'filter'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap_essentials.css:291
[12:59:37.763] Unknown property 'box-sizing'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap_essentials.css:344
[12:59:37.765] Expected declaration but found '*'.  Skipped to next declaration. @ http://127.0.0.1:8000/admin/static/css/bootstrap-responsive.min.css:9
[12:59:37.765] Unknown property 'box-sizing'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap-responsive.min.css:9
[12:59:37.767] Unknown property '-moz-border-radius'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap-responsive.min.css:9
[12:59:37.767] Unknown property '-moz-box-shadow'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/bootstrap-responsive.min.css:9
[12:59:37.769] Unknown property '-moz-border-radius'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/codemirror/lib/codemirror.css:71
[12:59:37.769] Error in parsing value for 'filter'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/codemirror/lib/codemirror.css:111
[12:59:37.769] Error in parsing value for 'filter'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/codemirror/lib/codemirror.css:115
[12:59:37.787] Unknown property '-moz-box-shadow'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/codemirror/addon/hint/show-hint.css:11
[12:59:37.798] Unknown property '-moz-border-radius'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/typeahead.js-bootstrap.css:9
[12:59:37.798] Unknown property 'box-sizing'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/typeahead.js-bootstrap.css:16
[12:59:37.798] Expected declaration but found '*'.  Skipped to next declaration. @ http://127.0.0.1:8000/admin/static/css/typeahead.js-bootstrap.css:34
[12:59:37.798] Expected declaration but found '*'.  Skipped to next declaration. @ http://127.0.0.1:8000/admin/static/css/typeahead.js-bootstrap.css:35
[12:59:37.798] Unknown property '-moz-border-radius'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/typeahead.js-bootstrap.css:37
[12:59:37.798] Unknown property '-moz-box-shadow'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/typeahead.js-bootstrap.css:40
[12:59:37.798] Unknown property '-moz-background-clip'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/typeahead.js-bootstrap.css:43
[12:59:37.798] Error in parsing value for 'background-image'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/typeahead.js-bootstrap.css:56
[12:59:37.798] Error in parsing value for 'background-image'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/typeahead.js-bootstrap.css:57
[12:59:37.798] Error in parsing value for 'background-image'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/typeahead.js-bootstrap.css:58
[12:59:37.799] Error in parsing value for 'filter'.  Declaration dropped. @ http://127.0.0.1:8000/admin/static/css/typeahead.js-bootstrap.css:61
[12:59:38.807] Error in parsing value for 'word-wrap'.  Declaration dropped. @ http://127.0.0.1:8000/admin/default/edit/my_test/models/0.py?id=models__0__py
[12:59:39.214] Unknown property 'box-sizing'.  Declaration dropped. @ http://127.0.0.1:8000/admin/default/edit/my_test/models/0.py?id=models__0__py
[12:59:39.431] Error in parsing value for 'background-image'.  Declaration dropped. @ http://127.0.0.1:8000/admin/default/edit/my_test/models/0.py?id=models__0__py

If anyone could shed some light on this I would appreciate it!

Cheers!

[Niphlod]

I think this is just noise on various css issues. some pretty big pages such as google.com shows those kind of warnings too. Please make sure you do a ctrl+r to refresh all admin static assets to load the editor correctly. If the issue persist even then, please post a screenshot of the error.

[Jeep Guy]

Image attached. As stated, this works fine in Chrome but is empty in FF (on OS X if that makes a difference). I've restarted web2py as well as cleared the browser cache and restarted it to ensure it wasn't a cache issue.

Thanks for the reply!

[Massimo Di Pierro]

I am using FF 21.0 on Mac. I cannot reproduce it. Can you try with firebug and see if you get errors?

[Paolo Caruccio]

I'm sorry but I can't test the code in OS X. In windows8 and FF22 (I think that FF23 is currently in development) the page is rendered in the right way.

Your console layout result, as Niphlod said, is showing only the wrong/unknown declarations but the codemirror wrapper should be displayed.

Could you check by using ff dev tools if in html code exists a <div> with class="CodeMirror cm-s-web2py CodeMirror-wrap"

Thank you.

[Tim Richardson]

On trunk, OS x 10.8.3 and Firefox 23 it works fine for me.