NEW137620
Web Inspector: Poor CSS warning message with missing spaces in calc() +/- operation 
https://bugs.webkit.org/show_bug.cgi?id=137620
Summary Web Inspector: Poor CSS warning message with missing spaces in calc() +/- ope...
Joseph Pecoraro
Reported 2014-10-10 11:55:12 PDT
* TEST div { background-size: calc(50%+1px); } * UNEXPECTED WARNING [Warning] Unexpected CSS token: ) (style.css, line 2)
Attachments
[TEST] Reduction (61 bytes, text/html)
2014-10-10 11:57 PDT, Joseph Pecoraro 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2014-10-10 11:55:34 PDT
<rdar://problem/18613467>
Joseph Pecoraro
Comment 2 2014-10-10 11:57:29 PDT
Err, I think this comes from the CSS parser (CSSParser::syntaxError).
Joseph Pecoraro
Comment 3 2014-10-10 11:57:43 PDT
Created attachment 239640 [details] [TEST] Reduction
Joseph Pecoraro
Comment 4 2014-10-10 12:13:08 PDT
Heck, just calc(50px) emits the warning.
Joseph Pecoraro
Comment 5 2014-10-10 13:15:56 PDT
(In reply to comment #4) > Heck, just calc(50px) emits the warning. Nevermind, this seemed to work fine.
Joseph Pecoraro
Comment 6 2014-10-10 13:18:58 PDT
Seems like this may be an issue with operators! background-size: calc(50% +1px); /* warning */ background-size: calc(50% + 1px); /* okay */
Joseph Pecoraro
Comment 7 2014-10-10 13:21:30 PDT
(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.
Note You need to log in before you can comment on or make changes to this bug.