René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"CSS calc() breaks when using 3+ variable fallbacks on Ivy/Angular 9","articleBody":"# 🐞 Bug report\r\n\r\n### Command\r\n- [ ] new\r\n- [x] build\r\n- [ ] serve\r\n- [ ] test\r\n- [ ] e2e\r\n- [ ] generate\r\n- [ ] add\r\n- [ ] update\r\n- [ ] lint\r\n- [ ] xi18n\r\n- [ ] run\r\n- [ ] config\r\n- [ ] help\r\n- [ ] version\r\n- [ ] doc\r\n\r\n\r\n### Is this a regression?\r\nYes, the previous version in which this bug was not present was: 8.2.3\r\n\r\n\r\n### Description\r\n`var(--x, var(--y, var(--z, 0)))` breaks inside of the calc-function.\r\nWhereas `var(--x, var(--y, 0))` still seems to work.\r\n\r\n\r\n## 🔬 Minimal Reproduction\r\n1) Put following class selector in any component stylesheet.\r\n```css\r\n.some-rule-lg {\r\n  --width-lg: 1px;\r\n  --width-md: 2px;\r\n  --width-sm: 3px;\r\n  --offset-lg: 4px;\r\n  --offset-md: 5px;\r\n  --offset-sm: 6px;\r\n  width: calc(var(--width-lg, var(--width-md, var(--width-sm, 0))) + var(--offset-lg, var(--offset-md, var(--offset-sm, 0))));\r\n}\r\n```\r\n\r\n2) Build using `ng build --aot --prod`\r\n\r\n\r\n## 🔥 Exception or Error\r\n\u003cpre\u003e\u003ccode\u003eERROR in Parse error on line 1: \r\nvar(--width-lg, var(--width-md, var(--width-sm, 0))) + var(--...\r\n---------------------------------------------------^\r\nExpecting end of input, \"ADD\", \"SUB\", \"MUL\", \"DIV\", got unexpected \"RPAREN\"\u003c/code\u003e\u003c/pre\u003e\r\n\r\n\r\n## 🌍 Your Environment\r\n\u003cpre\u003e\u003ccode\u003e\r\nAngular CLI: 9.0.1\r\nNode: 10.15.3\r\nOS: win32 x64\r\n\r\nAngular: 9.0.0\r\n... animations, cdk, common, compiler, compiler-cli, core, forms\r\n... language-service, material, material-moment-adapter\r\n... platform-browser, platform-browser-dynamic, router\r\nIvy Workspace: Yes\r\n\r\nPackage                           Version\r\n-----------------------------------------------------------\r\n@angular-devkit/architect         0.900.1\r\n@angular-devkit/build-angular     0.900.1\r\n@angular-devkit/build-optimizer   0.900.1\r\n@angular-devkit/build-webpack     0.900.1\r\n@angular-devkit/core              9.0.1\r\n@angular-devkit/schematics        9.0.1\r\n@angular/cli                      9.0.1\r\n@ngtools/webpack                  9.0.1\r\n@schematics/angular               9.0.1\r\n@schematics/update                0.900.1\r\nrxjs                              6.5.4\r\ntypescript                        3.7.5\r\nwebpack                           4.41.2\r\n\u003c/code\u003e\u003c/pre\u003e\r\n\r\n**Anything else relevant?**\r\nWe're using SCSS for our stylesheets.","author":{"url":"https://github.com/yutamago","@type":"Person","name":"yutamago"},"datePublished":"2020-02-10T11:19:35.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":3},"url":"https://github.com/16910/angular-cli/issues/16910"}