там часть про то "Почему не надо это использовать" просто великолепна 😀
> Here's my summary of why you should never create web components with {mode: 'closed'}:
...

API shadow DOM позволяет применить scoped styles к обычному DOM-элементу?

Задача -- устранить протечку стилей из приложения в компонент, вроде aside {float: left;}.

Лол, полез в яндекс-карты по своим делам, на автопилоте написал "shadow dom". ЯК направил в самый центр Минска, в театр теней.

я так понял твоя боль все еще актуальна  😂

Куда деваться с подводной лодки...

Ну так каков ответ?

вопрос не изменился насколько я вижу, ответ тоже

или переформулируй вопрос, чтобы стало понятнее, а то ты спрашиваешь так, что совершенно непонятно что ты с ShadowDOM делаешь

Я ничего не делаю с Shadow DOM, я его совсем не знаю.

У меня есть проблема протечки стилей из глобальной области в компонент (традиционный, т. е. просто кусок обычного DOM).

Я хочу понять, может ли Shadow DOM помочь мне ее решить без усложнения/переиначивания способа работы с компонентами.

Т. е. если можно сделать что-то вроде:

on("didInsertElement", function () {
  this.element.scopeCSSWithShadowDOM()
})

То это то, что мне нужно.

А если нужно плясать с бубном, прикручивать Polymer, приносить жертвы богам glue code, то нет.

Я выше вполне серьезно отвечал на этот же вопрос. Могу только подтвердить четко и коротко, что да, в основном решит.

Другое дело, что есть подврдные камни о которых надо знать. И конечно же не все браузеры роддерживают, что делает его пока неполноценным решением без помощи дополнительных тулзов.

Благодарю. Просто ты в прошлый раз очень поверхностно ответил. Я воспринял ответ как "можно, но нельзя", поэтому и решил сформулировать вопрос более конкретно.

@lolmaus таки не поверишь, но вчера я стокнулся с этой же проблемой в совершенно непредвиденном месте) я тут пилю тулзу для веб-компонентов и по определению не могу юзать ShadowDOM в ней, так как она должна поддерживать окружения без ShadowDOM (с полифиллом)... так что пришлось искать как изолировать мой тултип, встроенный на страницу, от стилей страницы... и я вспомнил старый добрый метод из начал нулевых - reset.css

https://github.com/bashmish/web-components-inspector/blob/master/src/publisher/ui/highlighter.js#L143

по иронии, способ тоже может как минимум сломаться на text-decoration))) как и ShadowDOM (выше писал про эту особенность, что оно всегда протекает), но это мелочь, которая в жизни пренепрежимо маловероятна

Но тогда обычный цсс будет заслонен инлайновым 😰

@lolmaus .my-reset-wrapper * { ... }
и я не говорил, что это будет красиво и шустро)

Об этом пути я думал, но селекторы получаются очень специфичные, неудобно. 😕

немножко про законодательную сторону вопроса A11Y в Евросоюзе
https://axesslab.com/web-accessibility-directive/

обратите внимание на сроки
23 September 2018 – deadline for countries to have put laws and regulations in place to comply with the directive.
23 September 2019 – all new websites (created after 23 September 2018) need to be accessible
23 September 2020 – all websites (not just new ones) need to be accessible
23 June 2021 – all mobile apps need to be accessible

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

и тут я понял, что запостил не в тот канал блин :)

Ты перепостил это куда-то или можно обсуждать тут?