fix: 🐛 webkit compatibility

- resolve issue where webkit ignores styles without type attribute - resolve issue where webkit ignores styles with a title attribute
ueberbit · Feb 23, 2023 · d1e203b · d1e203b
1 parent 906d14f
commit d1e203b
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/utils/src/customElement.ts b/packages/utils/src/customElement.ts
@@ -131,12 +131,13 @@ export const adoptStyles = (renderRoot: ShadowRoot | HTMLElement | Document, sty
     }
   } else {
     const style = document.createElement('style')
+    style.setAttribute('type', 'text/css')
     style.textContent = styles.join(' ')
 
     if (renderRoot instanceof HTMLElement) {
       // Skip if Styletag exists already.
-      if (document.querySelectorAll(`style[title=${renderRoot.tagName}]`).length) return
-      style.title = renderRoot.tagName
+      if (document.querySelectorAll(`style[id=${renderRoot.tagName}]`).length) return
+      style.id = renderRoot.tagName
       document.head.appendChild(style)
     } else {
       renderRoot.appendChild(style)