@measured/puck 0.16.0-canary.39e7f40 → 0.16.0-canary.538cb05

package/dist/index.js

@@ -32744,7 +32744,7 @@ var import_jsx_runtime30 = require("react/jsx-runtime");
 var styleSelector = 'style, link[rel="stylesheet"]';
 var collectStyles = (doc) => {
   const collected = [];
-  doc.head.querySelectorAll(styleSelector).forEach((style) => {
+  doc.querySelectorAll(styleSelector).forEach((style) => {
     collected.push(style);
   });
   return collected;
@@ -32768,6 +32768,14 @@ var getStyles = (styleSheet) => {
   }
   return "";
 };
+var syncAttributes = (sourceElement, targetElement) => {
+  const attributes = sourceElement.attributes;
+  if ((attributes == null ? void 0 : attributes.length) > 0) {
+    Array.from(attributes).forEach((attribute) => {
+      targetElement.setAttribute(attribute.name, attribute.value);
+    });
+  }
+};
 var defer = (fn) => setTimeout(fn, 0);
 var CopyHostStyles = ({
   children,
@@ -32885,6 +32893,10 @@ var CopyHostStyles = ({
     const collectedStyles = collectStyles(parentDocument);
     const hrefs = [];
     let stylesLoaded = 0;
+    const parentHtml = parentDocument.getElementsByTagName("html")[0];
+    syncAttributes(parentHtml, doc.documentElement);
+    const parentBody = parentDocument.getElementsByTagName("body")[0];
+    syncAttributes(parentBody, doc.body);
     Promise.all(
       collectedStyles.map((styleNode, i) => __async(void 0, null, function* () {
         if (styleNode.nodeName === "LINK") {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.16.0-canary.39e7f40",
+  "version": "0.16.0-canary.538cb05",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",