Feat: Add custom id to Iframe body

README.md

@@ -52,6 +52,7 @@ It is also possible to lazy set the ref if your content being printed is dynamic
 | **`preserveAfterPrint`** | `boolean` | Preserve the print iframe after printing. This can be useful for debugging by inspecting the print iframe |
 | **`print`** | `(iframe: HTMLIFrameElement) => Promise<void>` | If passed, this function will be used instead of `window.print` to print the content. Use this to print in non-browser environments such as Electron |
 | **`suppressErrors`** | `boolean` | When passed, prevents `console` logging of errors |
+| **`iframeBodyId`** | `string` | Set custom id to iframe body |
 
 ## Compatibility
 

src/types/UseReactToPrintOptions.ts

@@ -58,4 +58,6 @@ export interface UseReactToPrintOptions {
     suppressErrors?: boolean;
     /** When passed, shadow root content will be copied */
     copyShadowRoots?: boolean;
+    /** Add custom id to iframe body id */
+    iframeBodyId?: string;
 }

src/utils/handlePrintWindowOnLoad.ts

@@ -1,7 +1,7 @@
-import {logMessages} from "./logMessage";
-import {startPrint} from "./startPrint";
-import {Font} from "../types/font";
-import type {UseReactToPrintOptions} from "../types/UseReactToPrintOptions";
+import { logMessages } from "./logMessage";
+import { startPrint } from "./startPrint";
+import { Font } from "../types/font";
+import type { UseReactToPrintOptions } from "../types/UseReactToPrintOptions";
 import { cloneShadowRoots } from "./clone";
 import { getErrorFromUnknown } from "./getErrorMessage";
 
@@ -62,7 +62,8 @@ export function handlePrintWindowOnLoad(
         pageStyle,
         nonce,
         suppressErrors,
-        copyShadowRoots
+        copyShadowRoots,
+        iframeBodyId
     } = options;
 
     // Some agents, such as IE11 and Enzyme (as of 2 Jun 2020) continuously call the
@@ -72,6 +73,9 @@ export function handlePrintWindowOnLoad(
     const domDoc = printWindow.contentDocument ?? printWindow.contentWindow?.document;
 
     if (domDoc) {
+        if (iframeBodyId) {
+            domDoc.body.id = iframeBodyId;
+        }
         const appendedContentNode = domDoc.body.appendChild(clonedContentNode);
         if (copyShadowRoots) {
             cloneShadowRoots(contentNode, appendedContentNode, !!suppressErrors);
@@ -83,7 +87,7 @@ export function handlePrintWindowOnLoad(
                     const fontFace = new FontFace(
                         font.family,
                         font.source,
-                        {weight: font.weight, style: font.style}
+                        { weight: font.weight, style: font.style }
                     );
                     printWindow.contentDocument!.fonts.add(fontFace);
                     fontFace.loaded
@@ -191,7 +195,7 @@ export function handlePrintWindowOnLoad(
                 } else if (!videoNode.src) {
                     // There are scenarios where `src` can be empty, for example with lazy loading.
                     markLoaded(videoNode, ["Error loading video, `src` is empty", videoNode]);
-                } else{
+                } else {
                     videoNode.onloadeddata = () => {
                         markLoaded(videoNode)
                     };