zumerlab
diff --git a/‎src/core/prepare.js‎
Lines changed: 24 additions & 1 deletion b/‎src/core/prepare.js‎
Lines changed: 24 additions & 1 deletion
diff --git a/‎src/utils/prepare.helpers.js‎
Lines changed: 39 additions & 0 deletions b/‎src/utils/prepare.helpers.js‎
Lines changed: 39 additions & 0 deletions
@@ -10,7 +10,7 @@ import { inlineExternalDefsAndSymbols } from '../modules/svgDefs.js'
 import { cache } from '../core/cache.js'
 import { freezeSticky } from '../modules/changeCSS.js'
 import { resolveBlobUrlsInTree } from '../utils/clone.helpers.js'
-import { stabilizeLayout } from '../utils/prepare.helpers.js'
+import { stabilizeLayout, forceContentVisibility } from '../utils/prepare.helpers.js'
 
 /**
  * Prepares a clone of an element for capture, inlining pseudo-elements and generating CSS classes.
@@ -37,6 +37,9 @@ export async function prepareClone(element, options = {}) {
 
  stabilizeLayout(element)
 
+ // #281: Force content-visibility:visible so Safari/Chromium don't skip offscreen elements
+ const undoContentVisibility = forceContentVisibility(element)
+
  try {
  inlineExternalDefsAndSymbols(element)
  } catch (e) {
@@ -48,6 +51,8 @@ export async function prepareClone(element, options = {}) {
  } catch (e) {
  console.warn('deepClone failed:', e)
  throw e
+ } finally {
+ undoContentVisibility()
  }
  try {
  await inlinePseudoElements(element, clone, sessionCache, options)
@@ -108,6 +113,24 @@ export async function prepareClone(element, options = {}) {
  cloneNode.style.overflow = 'hidden'
  cloneNode.style.scrollbarWidth = 'none'
  cloneNode.style.msOverflowStyle = 'none'
+
+ // #364: Before wrapping with translate, adjust fixed/absolute descendants
+ // so they don't shift when the translate wrapper creates a new containing block.
+ try {
+ const positioned = cloneNode.querySelectorAll('*')
+ for (const child of positioned) {
+ if (!(child instanceof HTMLElement)) continue
+ const pos = child.style.position
+ if (pos === 'fixed' || pos === 'absolute') {
+ const curTop = parseFloat(child.style.top) || 0
+ const curLeft = parseFloat(child.style.left) || 0
+ child.style.top = `${curTop + scrollY}px`
+ child.style.left = `${curLeft + scrollX}px`
+ if (pos === 'fixed') child.style.position = 'absolute'
+ }
+ }
+ } catch { /* non-blocking */ }
+
  const inner = document.createElement('div')
  inner.style.transform = `translate(${-scrollX}px, ${-scrollY}px)`
  inner.style.willChange = 'transform'
 
@@ -21,3 +21,42 @@ export function stabilizeLayout(element) {
  element.style.border = `${outlineWidth} solid transparent`
  }
 }
+
+/**
+ * #281: Force content-visibility to 'visible' on all descendants that use 'auto'.
+ * Safari (and some Chromium) skip rendering/style computation for content-visibility:auto
+ * elements outside the viewport, causing blank captures.
+ * Returns an undo function to restore original values.
+ * @param {Element} root
+ * @returns {() => void}
+ */
+export function forceContentVisibility(root) {
+ const saved = []
+ try {
+ const all = root.querySelectorAll('*')
+ for (const el of all) {
+ if (!(el instanceof HTMLElement)) continue
+ const cv = el.style.contentVisibility || ''
+ const cs = getComputedStyle(el)
+ const computed = cs.contentVisibility || cs.getPropertyValue('content-visibility') || ''
+ if (computed === 'auto' || computed === 'hidden') {
+ saved.push({ el, original: cv })
+ el.style.contentVisibility = 'visible'
+ }
+ }
+ // Check root itself
+ if (root instanceof HTMLElement) {
+ const cs = getComputedStyle(root)
+ const computed = cs.contentVisibility || cs.getPropertyValue('content-visibility') || ''
+ if (computed === 'auto' || computed === 'hidden') {
+ saved.push({ el: root, original: root.style.contentVisibility || '' })
+ root.style.contentVisibility = 'visible'
+ }
+ }
+ } catch { /* non-blocking */ }
+ return () => {
+ for (const { el, original } of saved) {
+ try { el.style.contentVisibility = original } catch {}
+ }
+ }
+}