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
This commit is contained in:
Joey Bloom 2023-07-25 16:34:13 -05:00
parent 6020386bbe
commit d2d83ada44

View File

@ -503,6 +503,8 @@ const createIFrameContainer = (ownerDocument: Document, bounds: Bounds): HTMLIFr
cloneIframeContainer.style.border = '0'; cloneIframeContainer.style.border = '0';
cloneIframeContainer.width = bounds.width.toString(); cloneIframeContainer.width = bounds.width.toString();
cloneIframeContainer.height = bounds.height.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.scrolling = 'no'; // ios won't scroll without it
cloneIframeContainer.setAttribute(IGNORE_ATTRIBUTE, 'true'); cloneIframeContainer.setAttribute(IGNORE_ATTRIBUTE, 'true');
ownerDocument.body.appendChild(cloneIframeContainer); ownerDocument.body.appendChild(cloneIframeContainer);