capture slotted elements

src/dom-to-image-more.js

@@ -439,8 +439,16 @@
 
             function getRenderedChildren(original) {
                 if (util.isShadowSlotElement(original)) {
-                    return original.assignedNodes(); // shadow DOM <slot> has "assigned nodes" as rendered children
+                    // default child elements inside the named slot
+                    let childElement = original.childNodes;
+
+                    if (original.assignedNodes().length > 0) {
+                        // replace the default child elements when have assigned nodes
+                        childElement = original.assignedNodes();
+                    }
+                    return childElement;
                 }
+
                 return original.childNodes;
             }
         }
@@ -658,9 +666,13 @@
         }
 
         function isInShadowRoot(value) {
+            // Object.prototype.hasOwnProperty.call(value, 'getRootNode') always is false
+            // MDN hasOwnProperty: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty
+            // hasOwnProperty returns a boolean indicating whether this object has the specified property as its own property
+            // getRootNode is inherited from the prototype chain, and defined on the Node prototype
             return (
                 value !== null &&
-                Object.prototype.hasOwnProperty.call(value, 'getRootNode') &&
+                'getRootNode' in value &&
                 isShadowRoot(value.getRootNode())
             );
         }