ng new --viewEncapsulation Native|None|ShadowDom do nothing

[kekel87]

🐞 Bug report

Command (mark with an x)

- [x] new

Description

Hi,
I try to start new project with default viewEncapsulation set to ShadowDom.
According to ng new documentation, i use --viewEncapsulation flag.

But once the project is generated and served, app-root does not have #shadow-root.
I tried all the other encapsulation but I do not see any result.

What is the expected result for this flag?
Set default shematic with "viewEncapsulation": "ShadowDom" in angular.json and generate app.component.ts with encapsulation: ViewEncapsulation.ShadowDom
OR
Add to main.ts :

bootstrapModule(AppModule, {
  defaultEncapsulation: ViewEncapsulation.ShadowDom
})

Currently it does neither of the two.

🔬 Minimal Reproduction

ng new view-test --skip-git --skip-install --viewEncapsulation ShadowDom
or
ng new view-test --skipGit --skipInstall --view-encapsulation Native
or
ng new view-test --skipGit --skipInstall --viewEncapsulation None

🌍 Your Environment

@angular/[email protected]

Windows 10 64bit

[alan-agius4]

Hi, thanks for reporting this. The problem seems to be that encapsulation Is not being set in the component.

[kekel87]

What is the reason of this choice ? Why we don't set option globally in main.ts ?

[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.}