Почему инкапсуляция: ViewEncapsulation.ShadowDom не работает для некоторых компонентов

Question

В приведенном ниже демонстрационном коде encapsulation: ViewEncapsulation.ShadowDom работает таким образом, который я не понимаю.

Сценарий:

1. Go до AppComponent, Раскомментировать encapsulation: ViewEncapsulation.ShadowDom. Стиль передается всем дочерним компонентам. Хорошо, прокомментируйте это снова.

2. Go до Child2Component, раскомментируйте encapsulation: ViewEncapsulation.ShadowDom. Ничего не отображается. Почему ? Я ожидал, что все GrandChildComponents унаследуют стиль (все h1 как red), где Child2Component должно остаться неизменным. Я ошибаюсь ?

С None и Emulated все работает как положено. Native кажется устаревшим согласно документам . Стол вычеркнул Native

Вот демонстрационный код

Answer 1

Существует активная ошибка для angular, и если вы посмотрите на ошибки консоли, вы увидите похожую ошибку в прилагаемом демонстрационном приложении.

https://github.com/angular/angular/issues/31135