diff --git a/lib/mixins/element-mixin.js b/lib/mixins/element-mixin.js index b31e25f8b4..8cd3691416 100644 --- a/lib/mixins/element-mixin.js +++ b/lib/mixins/element-mixin.js @@ -11,7 +11,7 @@ */ import '../utils/boot.js'; -import { rootPath, strictTemplatePolicy, allowTemplateFromDomModule, legacyOptimizations, legacyWarnings, syncInitialRender, supportsAdoptingStyleSheets} from '../utils/settings.js'; +import { rootPath, strictTemplatePolicy, allowTemplateFromDomModule, legacyOptimizations, legacyWarnings, syncInitialRender, supportsAdoptingStyleSheets, shareBuiltCSSWithAdoptedStyleSheets } from '../utils/settings.js'; import { dedupingMixin } from '../utils/mixin.js'; import { stylesFromTemplate, stylesFromModuleImports } from '../utils/style-gather.js'; import { pathFromUrl, resolveCss, resolveUrl } from '../utils/resolve-url.js'; @@ -304,7 +304,7 @@ export const ElementMixin = dedupingMixin(base => { // potentially not shareable and sharing the ones that could be shared // would require some coordination. To keep it simple, all the includes // and styles are collapsed into a single shareable stylesheet. - if (builtCSS && supportsAdoptingStyleSheets) { + if (shareBuiltCSSWithAdoptedStyleSheets && builtCSS && supportsAdoptingStyleSheets) { // Remove styles in template and make a shareable stylesheet const styles = template.content.querySelectorAll('style'); if (styles) { diff --git a/test/unit/styling-build-adopted-stylesheets.html b/test/unit/styling-build-adopted-stylesheets.html index b917cfe505..3e511d9447 100644 --- a/test/unit/styling-build-adopted-stylesheets.html +++ b/test/unit/styling-build-adopted-stylesheets.html @@ -18,7 +18,11 @@