[TW5] node.js error messages in developer console of Firefox

[Ton Gerner]

Hi all,

Mainly using TW standalone (Windows 7, Firefox v27, Chrome v33 or TiddlyDesktop), I wanted to retry node.js.
Normally only looking at the Windows cmd window, I started looking at the console of the developer tools (Chrome & Firefox).
I did not see anything special up to the moment when I started the console *before* loading the TW (by loading http://localhost:8080/).

When starting everything looks normal with Chrome (no errors), but with Firefox I get a lot of error messages.

A representative set of errors is shown below:

10:17:38.327 Expected declaration but found '`'.  Skipped to next declaration. localhost:8080:315
10:17:38.327 Unknown property '-moz-border-radius'.  Declaration dropped. localhost:8080:317
10:17:38.327 Expected declaration but found '`'.  Skipped to next declaration. localhost:8080:320
10:17:38.327 Unknown property '-moz-box-shadow'.  Declaration dropped. localhost:8080:322

10:17:38.327 Expected declaration but found '`'.  Skipped to next declaration. localhost:8080:386
10:17:38.327 Error in parsing value for 'background-image'.  Declaration dropped. localhost:8080:388

10:17:38.328 Unknown property 'box-sizing'.  Declaration dropped. localhost:8080:571

10:17:38.328 Error in parsing value for 'background-color'.  Declaration dropped. localhost:8080:977

10:17:38.328 Expected declaration but found '`'.  Skipped to next declaration. localhost:8080:1187
10:17:38.329 Error in parsing value for 'fill'.  Declaration dropped. localhost:8080:1402

10:17:38.329 Error in parsing value for 'color'.  Declaration dropped. localhost:8080:1741
10:17:38.329 Unknown property 'text-decotoration'.  Declaration dropped. localhost:8080:1911

10:17:38.329 Unknown property '-moz-border-radius-topleft'.  Declaration dropped. localhost:8080:2172
10:17:38.329 Unknown property '-moz-border-radius-bottomleft'.  Declaration dropped. localhost:8080:2173
10:17:38.329 Unknown property '-moz-border-radius-topright'.  Declaration dropped. localhost:8080:2191
10:17:38.329 Unknown property '-moz-border-radius-bottomright'.  Declaration dropped. localhost:8080:2192

10:17:38.330 Error in parsing value for 'background'.  Declaration dropped. localhost:8080:2592
10:17:38.330 Expected 'none' or URL but found 'progid'.  Error in parsing value for 'filter'.  Declaration dropped. localhost:8080:2594

Many CSS properties like '-moz-border-radius' can be found in an empty TW and in my style sheets.
Other CSS properties like '-moz-border-radius-topleft' can only be found in my own style sheets.
A few like 'progid', 'box-sizing' or 'text-decotoration' (a typo!) can only be found in an empty TW.

After that series of errors it looks normal:

10:17:41.848 GET http://localhost:8080/status [HTTP/1.1 200 OK 1ms]
10:17:40.699 "TiddlyWebAdaptor:" "Status:" "{"space":{"recipe":"default"},"tiddlywiki_version":"5.0.8-beta"}" localhost:8080:44703
10:17:40.700 "syncer-browser:" "Retrieving skinny tiddler list" localhost:8080:44703
10:17:41.849 GET http://localhost:8080/recipes/default/tiddlers.json [HTTP/1.1 200 OK 70ms]
10:18:41.905 GET http://localhost:8080/recipes/default/tiddlers.json [HTTP/1.1 200 OK 39ms]
10:18:41.842 "syncer-browser:" "Retrieving skinny tiddler list" localhost:8080:44703
10:18:52.779 "syncer-browser:" "Dispatching 'save' task:" "Draft of 'Test33'" localhost:8080:44703
10:18:52.937 PUT http://localhost:8080/recipes/default/tiddlers/Draft%20of%20%27Test33%27 [HTTP/1.1 204 OK 3ms]

Everything works normal as far as I can see.

So, what is going on?
Chrome sees everything normal while Firefox has problems with his own 'moz' prefixes!?
Has this something to do with issue #480: "Property -moz-border-radius is an unknown vendor extension"?
And what about "Expected declaration but found '`'"?

I hope somebody can shed some light on it.

Cheers,

Ton

[Ton Gerner]

Addendum:

The errors mentioned I saw with my "oldest" TW5, step by step upgraded to 5.0.8-beta.

With an "empty" TW I get about the same errors (excluding special styles like '-moz-border-radius-topleft' that I used in my own style sheets).

Cheers,

Ton

[Jeremy Ruston]

Hi Ton

> So, what is going on?

Basically, Firefox is rather enthusiastic at issuing a warning message for every invalid CSS declaration. Unfortunately, vendor prefixes mean that it is common to encounter invalid declarations. If you click the "CSS" button in the developer console you'll see that all the messages disappear.

Best wishes

Jermey

--
You received this message because you are subscribed to the Google Groups "TiddlyWikiDev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywikide...@googlegroups.com.
To post to this group, send email to tiddly...@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywikidev.
For more options, visit https://groups.google.com/d/optout.

--
Jeremy Ruston
mailto:jeremy...@gmail.com

[Ton Gerner]

Hi Jeremy,

Good to know: no problems with my TW on node.js.

Anyhow I found a typo this way: "text-decotoration" in $:/themes/tiddlywiki/vanilla/base ;-)

Cheers,

Ton

[Jeremy Ruston]

Anyhow I found a typo this way: "text-decotoration" in $:/themes/tiddlywiki/vanilla/base ;-)

Thanks Ton, that's fixed for 5.0.9,

Best wishes

Jeremy