fixing loading images in iframes when using foreignObject

niklasvh · Nov 17, 2017 · 4fdf69d · 4fdf69d
1 parent 9445b0b
commit 4fdf69d
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/src/Clone.js b/src/Clone.js
@@ -42,8 +42,9 @@ export class DocumentCloner {
         this.documentElement = this.cloneNode(element.ownerDocument.documentElement);
     }
 
-    inlineAllImages(node: ?HTMLElement) {
-        if (this.inlineImages && node) {
+    inlineAllImages(_node: ?HTMLElement) {
+        if (this.inlineImages && _node) {
+            const node = _node;
             const style = node.style;
             Promise.all(
                 parseBackgroundImage(style.backgroundImage).map(backgroundImage => {
@@ -76,11 +77,15 @@ export class DocumentCloner {
                 style.backgroundImage = backgroundImages.join(',');
             });
 
-            if (node instanceof HTMLImageElement) {
+            if (node instanceof node.ownerDocument.defaultView.HTMLImageElement) {
                 this.resourceLoader
                     .inlineImage(node.src)
                     .then(img => {
-                        if (img && node instanceof HTMLImageElement && node.parentNode) {
+                        if (
+                            img &&
+                            node instanceof node.ownerDocument.defaultView.HTMLImageElement &&
+                            node.parentNode
+                        ) {
                             const parentNode = node.parentNode;
                             const clonedChild = copyCSSStyles(node.style, img.cloneNode(false));
                             parentNode.replaceChild(clonedChild, node);