zumerlab
diff --git a/‎.gitignore‎
Lines changed: 0 additions & 1 deletion b/‎.gitignore‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎src/core/clone.js‎
Lines changed: 4 additions & 3 deletions b/‎src/core/clone.js‎
Lines changed: 4 additions & 3 deletions
@@ -141,7 +141,6 @@ drafts/
 
 demos/
 
-__tests__/__screenshots__
 __snapshots__
 
 .vscode/
 
@@ -344,7 +344,8 @@ export async function deepClone(node, sessionCache, options) {
  }
  }
  }
- // #315: Preserve ::placeholder color for inputs/textareas showing placeholder text
+
+ // #315: Preserve placeholder for inputs/textareas showing placeholder text
  if ((node instanceof HTMLInputElement || node instanceof HTMLTextAreaElement) && !node.value && node.placeholder) {
  try {
  const phStyle = window.getComputedStyle(node, '::placeholder')
@@ -353,11 +354,12 @@ export async function deepClone(node, sessionCache, options) {
  const uid = 'snapdom-ph-' + (Math.random() * 1e6 | 0)
  clone.classList.add(uid)
  const styleEl = document.createElement('style')
- styleEl.textContent = `.${uid}::placeholder{color:${phColor}!important;opacity:${phStyle.opacity || '1'}!important;}`
+ styleEl.textContent = `.${uid}::placeholder{color:${phColor}!important;opacity:${phStyle.opacity || '1'}!important;-webkit-text-fill-color:${phColor}!important;}`
  clone.prepend(styleEl)
  }
  } catch { /* non-blocking */ }
  }
+
  if (node instanceof HTMLSelectElement) {
  pendingSelectValue = node.value
  }
@@ -490,7 +492,6 @@ export async function deepClone(node, sessionCache, options) {
  }
  if (pendingTextAreaValue !== null && clone instanceof HTMLTextAreaElement) {
  clone.textContent = pendingTextAreaValue
-
  }
  return clone
 }
Original file line number	Diff line number	Diff line change
`@@ -344,7 +344,8 @@ export async function deepClone(node, sessionCache, options) {`
`344`	`344`	`}`
`345`	`345`	`}`
`346`	`346`	`}`
`347`		`- // #315: Preserve ::placeholder color for inputs/textareas showing placeholder text`
	`347`	`+`
	`348`	`+ // #315: Preserve placeholder for inputs/textareas showing placeholder text`
`348`	`349`	`if ((node instanceof HTMLInputElement \|\| node instanceof HTMLTextAreaElement) && !node.value && node.placeholder) {`
`349`	`350`	`try {`
`350`	`351`	`const phStyle = window.getComputedStyle(node, '::placeholder')`
`@@ -353,11 +354,12 @@ export async function deepClone(node, sessionCache, options) {`
`353`	`354`	`const uid = 'snapdom-ph-' + (Math.random() * 1e6 \| 0)`
`354`	`355`	`clone.classList.add(uid)`
`355`	`356`	`const styleEl = document.createElement('style')`
`356`		- styleEl.textContent = `.${uid}::placeholder{color:${phColor}!important;opacity:${phStyle.opacity \|\| '1'}!important;}`
	`357`	+ styleEl.textContent = `.${uid}::placeholder{color:${phColor}!important;opacity:${phStyle.opacity \|\| '1'}!important;-webkit-text-fill-color:${phColor}!important;}`
`357`	`358`	`clone.prepend(styleEl)`
`358`	`359`	`}`
`359`	`360`	`} catch { /* non-blocking */ }`
`360`	`361`	`}`
	`362`	`+`
`361`	`363`	`if (node instanceof HTMLSelectElement) {`
`362`	`364`	`pendingSelectValue = node.value`
`363`	`365`	`}`
`@@ -490,7 +492,6 @@ export async function deepClone(node, sessionCache, options) {`
`490`	`492`	`}`
`491`	`493`	`if (pendingTextAreaValue !== null && clone instanceof HTMLTextAreaElement) {`
`492`	`494`	`clone.textContent = pendingTextAreaValue`
`493`		`-`
`494`	`495`	`}`
`495`	`496`	`return clone`
`496`	`497`	`}`