fix: apply style after template content so that it overrides user tem…

…plate styles such as those imported via link elements
lume · Apr 10, 2024 · e869606 · e869606
1 parent e8d6df1
commit e869606
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/dist/LumeElement.js b/dist/LumeElement.js
diff --git a/dist/LumeElement.js.map b/dist/LumeElement.js.map
diff --git a/src/LumeElement.ts b/src/LumeElement.ts
@@ -260,12 +260,12 @@ class LumeElement extends Effectful(HTMLElement) {
 	#disposeTemplate?: () => void
 
 	connectedCallback() {
-		this.#setStyle()
-
 		const template = this.template
 
 		if (template)
 			this.#disposeTemplate = render(typeof template === 'function' ? template.bind(this) : () => template, this.root)
+
+		this.#setStyle()
 	}
 
 	disconnectedCallback() {