| Summary: | Web Inspector: Poor CSS warning message with missing spaces in calc() +/- operation | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Joseph Pecoraro <joepeck> | ||||
| Component: | Web Inspector | Assignee: | Nobody <webkit-unassigned> | ||||
| Status: | NEW --- | ||||||
| Severity: | Normal | CC: | benjamin, graouts, inspector-bugzilla-changes, webkit-bug-importer | ||||
| Priority: | P2 | Keywords: | InRadar | ||||
| Version: | 528+ (Nightly build) | ||||||
| Hardware: | All | ||||||
| OS: | All | ||||||
| Attachments: |
|
||||||
Err, I think this comes from the CSS parser (CSSParser::syntaxError). Created attachment 239640 [details]
[TEST] Reduction
Heck, just calc(50px) emits the warning. (In reply to comment #4) > Heck, just calc(50px) emits the warning. Nevermind, this seemed to work fine. Seems like this may be an issue with operators!
background-size: calc(50% +1px); /* warning */
background-size: calc(50% + 1px); /* okay */
(In reply to comment #6) > Seems like this may be an issue with operators! > > background-size: calc(50% +1px); /* warning */ > background-size: calc(50% + 1px); /* okay */ Well, this may be behaves correctly: /* * The grammar requires spaces around binary ‘+’ and ‘-’ operators. * The '*' and '/' operators do not require spaces. * http://www.w3.org/TR/css3-values/#calc-syntax */ I'm going to leave this bug open, as we should have a better warning in this case. |
* TEST div { background-size: calc(50%+1px); } * UNEXPECTED WARNING [Warning] Unexpected CSS token: ) (style.css, line 2)