From d2d83ada444f07936243c12f688eeb88d44d4f20 Mon Sep 17 00:00:00 2001 From: Joey Bloom <15joeybloom@gmail.com> Date: Tue, 25 Jul 2023 16:34:13 -0500 Subject: [PATCH] Set the document clone iframe container's size via the style attribute This prevents CSS rules from overriding the iframe's size which would compromise the screenshot --- src/dom/document-cloner.ts | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/dom/document-cloner.ts b/src/dom/document-cloner.ts index 08faa29..78df28f 100644 --- a/src/dom/document-cloner.ts +++ b/src/dom/document-cloner.ts @@ -503,6 +503,8 @@ const createIFrameContainer = (ownerDocument: Document, bounds: Bounds): HTMLIFr cloneIframeContainer.style.border = '0'; cloneIframeContainer.width = bounds.width.toString(); cloneIframeContainer.height = bounds.height.toString(); + cloneIframeContainer.style.width = bounds.width.toString() + 'px'; + cloneIframeContainer.style.height = bounds.height.toString() + 'px'; cloneIframeContainer.scrolling = 'no'; // ios won't scroll without it cloneIframeContainer.setAttribute(IGNORE_ATTRIBUTE, 'true'); ownerDocument.body.appendChild(cloneIframeContainer);