fix: correct constructable stylesheet feature detection (#271)

SAP · Mar 28, 2019 · 816e6de · 816e6de
1 parent 55ea807
commit 816e6de
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/base/src/CSS.js b/packages/base/src/CSS.js
@@ -24,7 +24,7 @@ const _createStyle = (tagName, styleContent) => {
 	}
 
 	let style;
-	if (window.CSSStyleSheet) {
+	if (document.adoptedStyleSheets) {
 		style = createConstructableStyleSheet(styleContent);
 	} else {
 		style = createStyleElement(styleContent);

diff --git a/packages/base/src/WebComponent.js b/packages/base/src/WebComponent.js
@@ -65,7 +65,7 @@ class WebComponent extends HTMLElement {
 			return;
 		}
 		const newStyle = createStyle(this.constructor);
-		if (window.CSSStyleSheet) {
+		if (document.adoptedStyleSheets) {
 			this.shadowRoot.adoptedStyleSheets = [newStyle];
 		} else {
 			const oldStyle = this.shadowRoot.querySelector("style");
@@ -86,7 +86,7 @@ class WebComponent extends HTMLElement {
 		const shadowDOM = await ShadowDOM.prepareShadowDOM(this.constructor);
 		this.shadowRoot.appendChild(shadowDOM);
 
-		if (window.CSSStyleSheet) {
+		if (document.adoptedStyleSheets) {
 			const style = createStyle(this.constructor);
 			this.shadowRoot.adoptedStyleSheets = [style];
 		}