@webspatial/react-sdk 0.0.14 → 0.0.15

package/dist/web/index.js

@@ -661,7 +661,9 @@ function getInheritedStyleProps(computedStyle) {
     // background also need to be synced
     "background",
     // position also need to be synced
-    "position"
+    "position",
+    "width",
+    "height"
   ];
   var props = {};
   for (var cssName of propNames) {
@@ -849,7 +851,7 @@ function initScene(name, callback) {
 
 // src/spatial-react-components/SpatialReactComponent/PortalInstance.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function renderJSXPortalInstance(inProps, elWidth, elHeight, inheritedPortalStyle, className) {
+function renderJSXPortalInstance(inProps, inheritedPortalStyle, className) {
   const { El, style: inStyle = {}, className: _, ...props } = inProps;
   const extraStyle = {
     visibility: "visible",
@@ -864,15 +866,10 @@ function renderJSXPortalInstance(inProps, elWidth, elHeight, inheritedPortalStyl
     borderRadius: "0px",
     overflow: ""
   };
-  const elWHStyle = {
-    width: `${elWidth}px`,
-    height: `${elHeight}px`
-  };
   const style = {
     ...inStyle,
     ...inheritedPortalStyle,
-    ...extraStyle,
-    ...elWHStyle
+    ...extraStyle
   };
   return /* @__PURE__ */ jsx2(El, { style, className, ...props });
 }
@@ -949,6 +946,7 @@ function syncDefaultSpatialStyle(openedWindow, debugName) {
   styleElement.type = "text/css";
   styleElement.innerHTML = " .xr-spatial-default {  --xr-back: 0.001; --xr-background-material: none  } ";
   openedWindow.document.head.appendChild(styleElement);
+  openedWindow.document.body.style.display = "inline-block";
 }
 function useSyncSpatialProps(spatialWindowManager, props, domRect, anchor, cornerRadiusFromStyle, opacity, stylePosition) {
   let { allowScroll, scrollWithParent, style, spatialStyle = {} } = props;
@@ -1211,8 +1209,6 @@ function PortalInstance(inProps) {
   );
   const JSXPortalInstance = renderJSXPortalInstance(
     props,
-    domRect.width,
-    domRect.height,
     inheritedPortalStyle,
     className
   );