1315493 - CSS warnings "Property contained reference to invalid variable. Error in parsing value for..." when starting up Nightly

Status: NEW

(DevTools :: General, defect, P3)

Description

[magicp]

Attachment: testcase.htm

Steps to Reproduce:

[In case of start up]
1. Start latest Nightly
2. Open Browser Console (Ctrl+Shift+J) > Enable CSS warnings filter
3. Confirm CSS warnings in Browser Console

[In case of testcase.htm]
1. Start Firefox 50 beta
2. Open Browser Console (Ctrl+Shift+J) > Enable CSS warnings filter
3. Open testcase.htm
4. Check CSS warnings (probably no warnings)
5. Reload testcase.htm
6. CSS warnings are displayed (I don't know why after reloading?)

[In case of DevTools]
1. Start any versions Firefox
2. Open Browser Console (Ctrl+Shift+J) > Enable CSS warnings filter
3. Open Style Editor(Shift+F7)
4. Confirm CSS warnings in Browser Console

Actual Results:
The following warnings are displayed...

[In case of start up]
Property contained reference to invalid variable.  Error in parsing value for ‘background-color’.  Falling back to ‘initial’.  webconsole.css:406:9402
Property contained reference to invalid variable.  Error in parsing value for ‘border-top-color’.  Falling back to ‘initial’.  webconsole.css:407:9459
Property contained reference to invalid variable.  Error in parsing value for ‘border-top-style’.  Falling back to ‘initial’.  webconsole.css:407:9459
Property contained reference to invalid variable.  Error in parsing value for ‘border-top-width’.  Falling back to ‘initial’.  webconsole.css:407:9459
Property contained reference to invalid variable.  Error in parsing value for ‘background-image’.  Falling back to ‘initial’.  webconsole.css:444:10354
Property contained reference to invalid variable.  Error in parsing value for ‘border-bottom-width’.  Falling back to ‘initial’.  widgets.css:85:2908
Property contained reference to invalid variable.  Error in parsing value for ‘border-top-width’.  Falling back to ‘initial’.  widgets.css:84:2850
Property contained reference to invalid variable.  Error in parsing value for ‘min-height’.  Falling back to ‘initial’.  widgets.css:82:2742
Property contained reference to invalid variable.  Error in parsing value for ‘margin-bottom’.  Falling back to ‘initial’.  widgets.css:87:3041
Property contained reference to invalid variable.  Error in parsing value for ‘margin-top’.  Falling back to ‘initial’.  widgets.css:86:2972

[In case of testcase.htm]
Property contained reference to invalid variable.  Error in parsing value for ‘background-color’.  Falling back to ‘initial’.  testcase.htm:12:60
Property contained reference to invalid variable.  Error in parsing value for ‘background-color’.  Falling back to ‘initial’.  testcase.htm:43:513
Property contained reference to invalid variable.  Error in parsing value for ‘background-color’.  Falling back to ‘initial’.  testcase.htm:30:328
Property contained reference to invalid variable.  Error in parsing value for ‘background-color’.  Falling back to ‘initial’.  testcase.htm:37:428

[In case of DevTools]
Property contained reference to invalid variable.  Error in parsing value for ‘background-attachment’.  Falling back to ‘initial’.  light-theme.css:16:385
Property contained reference to invalid variable.  Error in parsing value for ‘background-clip’.  Falling back to ‘initial’.  light-theme.css:16:385
Property contained reference to invalid variable.  Error in parsing value for ‘background-color’.  Falling back to ‘initial’.  light-theme.css:16:385
Property contained reference to invalid variable.  Error in parsing value for ‘background-image’.  Falling back to ‘initial’.  light-theme.css:16:385
Property contained reference to invalid variable.  Error in parsing value for ‘background-origin’.  Falling back to ‘initial’.  light-theme.css:16:385
Property contained reference to invalid variable.  Error in parsing value for ‘background-position-x’.  Falling back to ‘initial’.  light-theme.css:16:385
Property contained reference to invalid variable.  Error in parsing value for ‘background-position-y’.  Falling back to ‘initial’.  light-theme.css:16:385
Property contained reference to invalid variable.  Error in parsing value for ‘background-repeat’.  Falling back to ‘initial’.  light-theme.css:16:385
Property contained reference to invalid variable.  Error in parsing value for ‘background-size’.  Falling back to ‘initial’.  light-theme.css:16:385
Property contained reference to invalid variable.  Error in parsing value for ‘border-right-color’.  Falling back to ‘initial’.  light-theme.css:252:5966
Property contained reference to invalid variable.  Error in parsing value for ‘background-color’.  Falling back to ‘initial’.  light-theme.css:253:6017


Expected Results:
No invalid variables and parsing errors

Comment 1

[magicp]

> [In case of testcase.htm]
> 1. Start Firefox 50 beta
> 2. Open Browser Console (Ctrl+Shift+J) > Enable CSS warnings filter
> 3. Open testcase.htm
Open testcase.htm in local

Comment 2

[Xidorn Quan [:xidorn] UTC+10]

I cannot reproduce the case of testcase.html on Nightly and 52b4, but I can see the warnings for the other two cases.

I would suggest this is probably an issue of devtools frontend rather than in our style system.

Comment 3

[Julien Cristau [:jcristau]]

Too late for firefox 52, mass-wontfix.