github/Shadow-DOM-inject-styles
4
0
Fork 0
mirror of https://gitee.com/shuto-github/Shadow-DOM-inject-styles.git synced 2026-04-21 00:00:02 +08:00
Code Issues Projects Releases Wiki Activity

Merge pull request #6 from tonn/patch-1

Browse Source 
Fix injection in case if there is no style-element
This commit is contained in:
Adam LaCombe
2020-06-11 23:10:26 +08:00
committed by GitHub
parent ab751443b4 04bacdf39a
commit a4cf9d9c33
1 changed files with 7 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.ts
+7 -13
View File
@@ -1,19 +1,13 @@
export function injectStyles( export function injectStyles(shadowRootElement: HTMLElement, insertBeforeSelector: string, styles: string) {
shadowRootElement: HTMLElement,
insertBeforeSelector: string,
styles: string
) {
const root = shadowRootElement.shadowRoot; const root = shadowRootElement.shadowRoot;
let styleAlreadyAdded = false;
const currentStyleTags = Array.from(root.querySelectorAll('style')); if (root !== null) {
currentStyleTags.forEach((element: HTMLStyleElement, index) => { const styleElements = root.querySelectorAll('style');
if (element.innerHTML === styles) {
styleAlreadyAdded = true; if (!Array.from(styleElements).some(el => el.innerHTML === styles)) {
}
if (currentStyleTags.length - 1 === index && styleAlreadyAdded === false) {
const newStyleTag = document.createElement('style'); const newStyleTag = document.createElement('style');
newStyleTag.innerHTML = styles; newStyleTag.innerHTML = styles;
root.insertBefore(newStyleTag, root.querySelector(insertBeforeSelector)); root.insertBefore(newStyleTag, root.querySelector(insertBeforeSelector));
} }
}); }
} }