Как должна работать инкапсуляция стилей в shadow-root?

Question

[Илья Бондаренко]

Всегда думал, что стили в документе не влияют на элементы в shadow-root, но оказалось это не так:



Думал я так, потому об этом написано на mdn, так же читал про это на learnjs.
Вопрос: так как это должно работать? Может есть какая-нить настройка для этого (опять же - не увидел в доке mdn)

Answer 1

[Ivan Ustûžanin]

а наследование никто не отменял, вот оно и наследуется — не просачиваются объявления, а наследование работает независимо, иначе толком ничего внутрь через кастомные свойства было бы не пробросить

это тоже самое, что и со @scope (<scope-start>) to (<scope-end>), объявления внутрь scope-end не просачиваются, но если свойство наследуемое (как color) то оно тоже вполне себе наследуется как ему и положено

Comments

[Илья Бондаренко]

Понял, вот так выходит это должно работать. Не разделял объявления и наследование, спасибо