Ensure the print iframe doesn't overlap the page

MatthewHerbst · Nov 17, 2022 · 0b49c6c · 0b49c6c
1 parent 1ed74f8
commit 0b49c6c
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/index.tsx b/src/index.tsx
@@ -216,10 +216,10 @@ export default class ReactToPrint extends React.Component<IReactToPrintProps> {
 
         const printWindow = document.createElement("iframe");
         printWindow.width = `${document.documentElement.clientWidth}px`;
-        printWindow.height = `${document.documentElement.clientHeight}px`;
+        printWindow.height = `${document.documentElement.clientWidth}px`;
         printWindow.style.position = "absolute";
-        printWindow.style.top = "-1000px";
-        printWindow.style.left = "-1000px";
+        printWindow.style.top = `-${document.documentElement.clientWidth + 100}px`;
+        printWindow.style.left = `-${document.documentElement.clientWidth + 100}px`;
         printWindow.id = "printWindow";
         // Ensure we set a DOCTYPE on the iframe's document
         // https://github.com/gregnb/react-to-print/issues/459