137620 2014-10-10 11:55:12 -0700 Web Inspector: Poor CSS warning message with missing spaces in calc() +/- operation 2026-01-12 09:03:53 -0800 1 1 1 Unclassified WebKit Web Inspector 528+ (Nightly build) All All NEW InRadar P2 Normal --- 1 joepeck webkit-unassigned benjamin graouts inspector-bugzilla-changes webkit-bug-importer oldest_to_newest 1040986 0 joepeck 2014-10-10 11:55:12 -0700 * TEST div { background-size: calc(50%+1px); } * UNEXPECTED WARNING [Warning] Unexpected CSS token: ) (style.css, line 2) 1040987 1 webkit-bug-importer 2014-10-10 11:55:34 -0700 <rdar://problem/18613467> 1040988 2 joepeck 2014-10-10 11:57:29 -0700 Err, I think this comes from the CSS parser (CSSParser::syntaxError). 1040989 3 239640 joepeck 2014-10-10 11:57:43 -0700 Created attachment 239640 [TEST] Reduction 1040991 4 joepeck 2014-10-10 12:13:08 -0700 Heck, just calc(50px) emits the warning. 1041003 5 joepeck 2014-10-10 13:15:56 -0700 (In reply to comment #4) > Heck, just calc(50px) emits the warning. Nevermind, this seemed to work fine. 1041004 6 joepeck 2014-10-10 13:18:58 -0700 Seems like this may be an issue with operators! background-size: calc(50% +1px); /* warning */ background-size: calc(50% + 1px); /* okay */ 1041005 7 joepeck 2014-10-10 13:21:30 -0700 (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. 239640 2014-10-10 11:57:43 -0700 2014-10-10 11:57:43 -0700 [TEST] Reduction reduction.html text/html 61 joepeck PHN0eWxlPgpkaXYgewogICAgYmFja2dyb3VuZC1zaXplOiBjYWxjKDUwJSsxcHgpOwp9Cjwvc3R5 bGU+Cg==