CSS не применяется к WebComponent на iOS при использовании CSSStylesheet, добавленной в ShadowRoot.AdoptedStylesships. ⇐ CSS

[Anonymous]

Я создаю веб -компонент и передаю в CSS (текст), чтобы создать объект CSSstylesheet, который затем добавляется в AdptentStyleshess в тени. < /p>

Код: Выделить всё

class View extends HTMLElement {
constructor(css) {
super();
this.attachShadow({ mode: "open" });

const styleSheet = new CSSStyleSheet();
styleSheet.replaceSync(css);
this.shadowRoot.adoptedStyleSheets.push(styleSheet);
}
}

customElements.define("web-component", View);
< /code>
Это прекрасно работает на ноутбуках, но на iOS происходит несколько вещей: < /p>
Первая проблема - «Тип ошибка: незаконная конструктора». При создании объекта CSSStylesheet. Это исправлено, включая ... < /p>

... в главе документа. Как только это включено, «ошибка типа» исчезает, но теперь ни один из стилей не применяется к веб -компоненту. о веб -компонентах, в которых есть объект CSSStylesheet, добавленный на таблицы AdptentStylesshies в тени?

Подробнее здесь: https://stackoverflow.com/questions/794 ... heet-added