Merge pull request #28 from OllyNicholass/26-invert-style-injection

EranGrin · web-flow · commit 428f4a8871e5 · 2024-07-05T15:04:55.000+02:00
feat(#26): invert style tag injection
diff --git a/package/src/web-component-util.js b/package/src/web-component-util.js
@@ -60,7 +60,7 @@ export const defineCustomElement = ({
             if (styles?.length) {
               this.__style = document.createElement('style')
               this.__style.innerText = styles.join().replace(/\n/g, '')
-              nearestElement(this.$el).prepend(this.__style)
+              nearestElement(this.$el).append(this.__style)
             }
           }
 

Original file line number	Diff line number	Diff line change
`@@ -60,7 +60,7 @@ export const defineCustomElement = ({`
`60`	`60`	`if (styles?.length) {`
`61`	`61`	`this.__style = document.createElement('style')`
`62`	`62`	`this.__style.innerText = styles.join().replace(/\n/g, '')`
`63`		`- nearestElement(this.$el).prepend(this.__style)`
	`63`	`+ nearestElement(this.$el).append(this.__style)`
`64`	`64`	`}`
`65`	`65`	`}`
`66`	`66`