fix: getDefaultStyle nodeName not being converted to lower case

src/copy-css-styles.ts

@@ -7,6 +7,7 @@ const ignoredStyle = [
   'all', // svg: all
   'd', // svg: d
   'content', // Safari shows pseudoelements if content is set
+  '-webkit-text-fill-color',
 ]
 
 export function copyCssStyles<T extends HTMLElement | SVGElement>(
@@ -17,7 +18,7 @@ export function copyCssStyles<T extends HTMLElement | SVGElement>(
   context: Context,
 ) {
   const cloneStyle = clone.style
-  const defaultStyle = getDefaultStyle(node.tagName, null, context)
+  const defaultStyle = getDefaultStyle(node.nodeName, null, context)
 
   cloneStyle.transitionProperty = 'none'
 

src/copy-pseudo-class.ts

@@ -5,6 +5,7 @@ import type { Context } from './context'
 const ignoredStyles = [
   'content',
   '-webkit-locale',
+  '-webkit-text-fill-color',
 ]
 
 const pseudoClasses = [
@@ -40,7 +41,7 @@ export function copyPseudoClass<T extends HTMLElement | SVGElement>(
     const content = style.getPropertyValue('content')
     if (!content || content === 'none') return
     const klasses = [uuid()]
-    const defaultStyle = getDefaultStyle('DIV', pseudoClass, context)
+    const defaultStyle = getDefaultStyle(node.nodeName, pseudoClass, context)
     const cloneStyle = [
       `content: '${ content.replace(/'|"/g, '') }';`,
     ]

src/get-default-style.ts

@@ -1,9 +1,10 @@
 import { uuid } from './utils'
 import type { Context } from './context'
 
-export function getDefaultStyle(tagName: string, pseudoElement: string | null, context: Context) {
+export function getDefaultStyle(nodeName: string, pseudoElement: string | null, context: Context) {
+  nodeName = nodeName.toLowerCase()
   const { defaultComputedStyles, ownerDocument } = context
-  const key = `${ tagName }${ pseudoElement ?? '' }`
+  const key = `${ nodeName }${ pseudoElement ?? '' }`
   if (defaultComputedStyles.has(key)) return defaultComputedStyles.get(key)!
   let sandbox = context.sandbox
   if (!sandbox) {
@@ -23,7 +24,7 @@ export function getDefaultStyle(tagName: string, pseudoElement: string | null, c
   const sandboxWindow = sandbox.contentWindow
   if (!sandboxWindow) return {}
   const sandboxDocument = sandboxWindow.document
-  const el = sandboxDocument.createElement(tagName)
+  const el = sandboxDocument.createElement(nodeName)
   sandboxDocument.body.appendChild(el)
   // Ensure that there is some content, so properties like margin are applied
   el.textContent = ' '