ng new creates wrong rgba value in app.component.html

[bene-we]

🐞 Bug report

Command (mark with an x)

• new
• build
• serve
• test
• e2e
• generate
• add
• update
• lint
• xi18n
• run
• config
• help
• version
• doc

Description

When creating a new project through ng new <project-name>, the following rgba is set in line 123 in app.component.html:

box-shadow: 0 4px 17px rgba(black, 0.35);

Chrome is not applying the box shadow since it is an invalid property value:

Edge does so as well.

Changing the line to box-shadow: 0 4px 17px rgba(0, 0, 0, 0.35); resolves the issue, as well as removing the line entirely (leaving the transform animation only).

🔬 Minimal Reproduction

• run ng new angular-app
• Take a look at line 123 in app.component.html

🌍 Your Environment

Angular CLI: 9.1.0
Node: 12.16.1
OS: win32 x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.901.0
@angular-devkit/core         9.1.0
@angular-devkit/schematics   9.1.0
@schematics/angular          9.1.0
@schematics/update           0.901.0
rxjs                         6.5.4

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}