Skip to content

Commit 0ad5fa4

Browse files
tinchox5tinchox5
committed
Fix background-repeat. See #259 
1 parent 84b1770 commit 0ad5fa4

1 file changed

Lines changed: 9 additions & 11 deletions

File tree

‎src/modules/pseudo.js‎

Lines changed: 9 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,7 @@ function deriveCounterCtxForPseudo(node, pseudoStyle, baseCtx) {
100100
}
101101

102102
const resets = parseListDecl(pseudoStyle?.counterReset)
103-
const incs = parseListDecl(pseudoStyle?.counterIncrement)
103+
const incs = parseListDecl(pseudoStyle?.counterIncrement)
104104

105105
function getStackDerived(name) {
106106
if (modStacks.has(name)) return modStacks.get(name).slice()
@@ -152,7 +152,7 @@ function deriveCounterCtxForPseudo(node, pseudoStyle, baseCtx) {
152152
*/
153153
function resolvePseudoContentAndIncs(node, pseudo, baseCtx) {
154154
let ps
155-
try { ps = getComputedStyle(node, pseudo) } catch {}
155+
try { ps = getComputedStyle(node, pseudo) } catch { }
156156
const raw = ps?.content
157157
if (!raw || raw === 'none' || raw === 'normal') return { text: '', incs: [] }
158158

@@ -264,7 +264,7 @@ export async function inlinePseudoElements(source, clone, sessionCache, options)
264264
borderStyle && borderStyle !== 'none' && borderWidth > 0
265265
const hasTransform = transform && transform !== 'none'
266266

267-
const shouldRender =
267+
const shouldRender =
268268
hasExplicitContent || hasBg || hasBgColor || hasBorder || hasTransform
269269

270270
if (!shouldRender) {
@@ -322,12 +322,10 @@ export async function inlinePseudoElements(source, clone, sessionCache, options)
322322
}
323323

324324
// ---- Backgrounds / colors ----
325-
// Reset explícito para no heredar nada a menos que el pseudo lo defina
326-
pseudoEl.style.background = 'none'
327-
// Mask también reseteada por defecto (si tu pipeline soporta masks)
328-
if ('mask' in pseudoEl.style) {
329-
pseudoEl.style.mask = 'none'
330-
}
325+
pseudoEl.style.backgroundImage = 'none'
326+
if ('maskImage' in pseudoEl.style) pseudoEl.style.maskImage = 'none'
327+
if ('webkitMaskImage' in pseudoEl.style) pseudoEl.style.webkitMaskImage = 'none'
328+
331329
if (hasBg) {
332330
try {
333331
const bgSplits = splitBackgroundImage(bg)
@@ -341,8 +339,8 @@ export async function inlinePseudoElements(source, clone, sessionCache, options)
341339

342340
const hasContent2 =
343341
pseudoEl.childNodes.length > 0 || (pseudoEl.textContent?.trim() !== '')
344-
const hasVisibleBox =
345-
hasContent2 || hasBg || hasBgColor || hasBorder || hasTransform
342+
const hasVisibleBox =
343+
hasContent2 || hasBg || hasBgColor || hasBorder || hasTransform
346344

347345
// Antes de insertar, si hubo increments en el pseudo, propagar valor final a los hermanos
348346
if (incs && incs.length && source.parentElement) {

0 commit comments

Comments
 (0)