197067 2019-04-18 12:25:03 -0700 [css-grid] grid shorthand props contain invalid property values, same even when valid longhand property values provided 2019-11-27 05:02:42 -0800 1 1 1 Unclassified WebKit CSS Safari 12 Unspecified macOS 10.14 RESOLVED DUPLICATE 204508 InRadar P2 Normal --- 1 clinton.ayres webkit-unassigned clinton.ayres jfernandez obrufau simon.fraser webkit-bug-importer oldest_to_newest 1528532 0 clinton.ayres 2019-04-18 12:25:03 -0700 The following list of shorthand properties all exhibit the same error in that values stored in CSSStyleDeclaration object are invalid. - grid - grid-area - grid-column - grid-row - grid-template Simple example for grid-area property: ``` const style = document.createElement('style'); document.head.appendChild(style); style.sheet.insertRule('.surprise { grid-area: 1 / 2 / 3 / 4; }'); console.log(style.sheet.cssRules[0].style.gridArea); ``` expected: ``` > "1 / 2 / 3 / 4" ``` actual: ``` > "1 2 3 4" ``` The same type of issue occurs for each of the css grid shorthand properties. Seems possibly related to the char '/' but could be a bad signal too. 1529041 1 webkit-bug-importer 2019-04-19 22:13:07 -0700 <rdar://problem/50068305> 1529546 2 jfernandez 2019-04-23 02:48:44 -0700 I'll take a look 1593853 3 obrufau 2019-11-27 05:02:42 -0800 The '/' problem has been fixed in bug 204508. Other problems will be addressed in bug 204611. *** This bug has been marked as a duplicate of bug 204508 ***