Angular Animations not work in ViewEncapsulation.ShadowDom env

This issue has been created since 2022-09-22.

Which @angular/* package(s) are the source of the bug?

animations, elements

Is this a regression?

No

Description

Expected behavior
Setting ShadowDom Encapsulation strategy should work with Angular Animations.

Browser:

  • Chrome (desktop) version XX
  • Chrome (Android) version XX
  • Chrome (iOS) version XX
  • Firefox version XX
  • Safari (desktop) version XX
  • Safari (iOS) version XX
  • IE version XX
  • Edge version XX

Please provide a link to a minimal reproduction of the bug

No response

Please provide the exception or error you saw

As the title mentioned, setting ViewEncapsulation.ShadowDom will cause the Animations not been able to run at all. Use-case: I'm building an Angular Element with Angular Animations to see if the two play well together.

Please provide the environment you discovered this bug in (run ng version)

Angular CLI: 11.2.19
Node: 14.17.3
OS: darwin x64

Angular: 11.2.14
... animations, common, compiler, compiler-cli, core, elements
... forms, language-service, platform-browser
... platform-browser-dynamic, router
Ivy Workspace: No

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.901.15
@angular-devkit/build-angular   0.1102.10
@angular-devkit/core            11.2.19
@angular-devkit/schematics      11.2.19
@angular/cdk                    11.2.13
@angular/cli                    11.2.19
@schematics/angular             11.2.19
@schematics/update              0.1102.19
ng-packagr                      11.2.4
rxjs                            6.6.7
typescript                      4.0.8

Anything else?

What is the motivation/use case for changing the behavior?

JoostK wrote this answer on 2022-09-22

This is an exact duplicate of #25672, for which there has been a fix in 12.1.0.

More Details About Repo
Owner Name angular
Repo Name angular
Full Name angular/angular
Language TypeScript
Created Date 2014-09-18
Updated Date 2022-10-04
Star Count 84139
Watcher Count 3064
Fork Count 22243
Issue Count 1206

YOU MAY BE INTERESTED

Issue Title Created Date Comment Count Updated Date
change the music of the dive maps to gen3 8bit dive theme 0 2022-05-13 2022-09-30
ctpbee中,盘中怎么捕获断线事件和重新连接成功事件 9 2022-04-23 2022-09-26
The Directive doesn't accept dynamic options 3 2019-09-18 2022-07-21
Supplementary files are not copied to the lib directory 0 2021-03-27 2022-04-28
ldd errors with precompiled gems on Alpine Linux 2 2021-03-24 2022-09-14
Add Tencent SMS support 0 2021-09-26 2022-07-21
Inconsistency between UI and status bar language 1 2022-01-26 2022-08-13
unable to start the stripe gateway 20 2022-07-18 2022-08-15
daily() and php() not working 0 2021-03-03 2022-09-14
This library does not work for windows 2 2021-12-02 2022-09-14
Support PHP8.0 0 2020-12-10 2022-01-21
Unable to use 3.0.0 with JDK 8 5 2022-06-03 2022-07-10
Некорректная обработка дат в MarketDataService.GetLastTrades 1 2022-06-08 2022-09-20
Непредсказуемое появление ошибок 30053 при выставлении стоп-ордеров 1 2022-06-02 2022-09-20
У заблокированных по решению ЦБ бумаг не отображается figi в ответе метода AccountsService/GetPositions 9 2022-05-31 2022-09-20
Формирование значения поля FundsSufficiencyLevel в ответе на запрос GetMarginAttributes 0 2022-06-14 2022-09-30
Custom Deep Sort trainig 2 2021-09-13 2022-09-14
FlutterAppRequiredException: The current directory does not appear to be a Flutter application project. 8 2022-04-12 2022-09-30
Error while Backtesting 7 2021-10-19 2022-08-19
Any way to have the magnet sensors show state? 22 2021-09-17 2022-09-14
Give priority of selection to instances that are behind others 13 2022-02-21 2022-09-25
[Question] How to Allow File Sharing 4 2022-03-23 2022-10-03
Cloned latest code 3.6.1 & routine 2.4 and its throwing errors. 2 2022-03-23 2022-09-07
Export not working when a "+" sign is in a diagram element label 3 2019-01-28 2022-10-01
'API Error 429: Message: {"detail":"Request was throttled."}' on Bidding on Multiple Assets 2 2022-02-15 2022-09-21
2fa flow default auth device 0 2022-08-28 2022-09-12
MaxDepth in EquivalencyValidator. 1 2022-09-09 2022-10-02
Optimize limits for Loki 2 2022-03-11 2022-07-26
JAXB support 1 2016-10-03 2022-01-11
Kubernetes with Helm Server Error 0 2022-09-16 2022-09-13
Create Airbyte Protocol v1 0 2022-09-16 2022-09-13
Evaluate WebAuthenticationBroker for OAuth 5 2022-06-16 2022-10-03
mouse cursor disapears 1 2022-03-06 2022-09-27
Remove "Recent History" from sidebar on search results page 14 2022-01-17 2022-09-21
Don't deploy bitnami/rabbitmq when setting metrics.enabled to true 3 2022-05-01 2022-09-15
conditional assignment with complex types produces type mismatch error in spirv-val 1 2021-12-13 2022-10-04
WCAG 3.0 Draft Guideline Text Alternatives 0 2022-01-26 2022-01-22
unpublish version `4.0.0` (exact version) 10 2021-09-10 2022-09-04
[FEATURE]: [Dispatch once when I expand row] 4 2022-06-17 2022-09-28
Bug in module yobit.py 0 2021-10-27 2022-09-21
Migrate away from Bazel 3 2021-05-12 2022-09-30
Change test-fileInput.R to test-fileInput-LP.R 1 2016-03-31 2022-10-03
Update versions toml for Kotlin versions 1 2021-08-25 2022-01-08
The "product photos" optional tab does not work anymore 0 2022-01-22 2022-07-20
video_tool.py render: Is there a way to increase speed 1 2021-10-27 2022-09-27
How to get the self-defined module state? 4 2020-01-15 2022-09-28
Staking module support 2 2020-04-29 2022-10-01
IPNS not work with dht 8 2021-09-04 2022-10-01
Dynamic input/output batch size 1 2021-09-22 2022-10-01
Class example not working 2 2019-12-01 2022-09-13