@uniweb/runtime 1.5.1 → 1.5.2

package/dist/ssr.js

@@ -450,6 +450,13 @@ function headerOverlay(page) {
 function overlayBoxProps(props) {
   return { ...props || {}, style: { ...props?.style || {}, height: 0, minHeight: 0 }, "data-uw-header": "over" };
 }
+function headerAreaProps(wrapper, overlay) {
+  const { viewTransitionName, ...style } = wrapper?.style || {};
+  const inner = viewTransitionName ? { style: { viewTransitionName } } : null;
+  const base = { ...wrapper || {}, style };
+  if (overlay) return { outer: overlayBoxProps(base), inner };
+  return { outer: Object.keys(style).length ? base : { ...base, style: { display: "contents" } }, inner };
+}
 function underHeaderProps(overlay) {
   return {
     style: { [HEADER_HEIGHT]: `var(${MEASURED_HEADER_HEIGHT}, ${overlay.height})` },
@@ -642,8 +649,11 @@ function renderLayout(page, website) {
   const layers = resolveLayoutLayers(areaNames, layoutMeta?.layers, sticky);
   const overlay = headerOverlay(page);
   const wrapArea = (name, element) => {
-    let props = areaWrapperProps(name, transitions, layers, RemoteLayout ? sticky[name] : null);
-    if (overlay && RemoteLayout && name === "header") props = overlayBoxProps(props);
+    const props = areaWrapperProps(name, transitions, layers, RemoteLayout ? sticky[name] : null);
+    if (RemoteLayout && name === "header") {
+      const { outer, inner } = headerAreaProps(props, overlay);
+      return React.createElement("div", outer, inner ? React.createElement("div", inner, element) : element);
+    }
     return props ? React.createElement("div", props, element) : element;
   };
   const bodyElement = bodyBlocks ? wrapArea("body", renderBlocks(bodyBlocks, { stickySelf: "section" })) : null;