@webspatial/react-sdk 0.0.2 → 0.0.4

package/dist/cjs/default/index.js

@@ -876,7 +876,7 @@ function syncDefaultSpatialStyle(openedWindow, debugName) {
   openedWindow.document.head.appendChild(styleElement);
 }
 __name(syncDefaultSpatialStyle, "syncDefaultSpatialStyle");
-function useSyncSpatialProps(spatialWindowManager, props, domRect, anchor, cornerRadiusFromStyle, opacity) {
+function useSyncSpatialProps(spatialWindowManager, props, domRect, anchor, cornerRadiusFromStyle, opacity, stylePosition) {
   let { allowScroll, scrollWithParent, style, spatialStyle = {} } = props;
   let {
     position = { x: 0, y: 0, z: 1 },
@@ -886,7 +886,6 @@ function useSyncSpatialProps(spatialWindowManager, props, domRect, anchor, corne
     cornerRadius = cornerRadiusFromStyle,
     zIndex = 0
   } = spatialStyle;
-  let stylePosition = style?.position;
   let styleOverflow = style?.overflow;
   const visible = (0, import_react8.useMemo)(() => {
     return spatialStyle.visible !== false && domRect.width > 0 && domRect.height > 0;
@@ -1117,7 +1116,8 @@ function PortalInstance(inProps) {
     domRect,
     anchor,
     cornerRadius,
-    opacity
+    opacity,
+    inheritedPortalStyle.position
   );
   const JSXPortalInstance = renderJSXPortalInstance(
     props,
@@ -1126,7 +1126,7 @@ function PortalInstance(inProps) {
     inheritedPortalStyle,
     className
   );
-  const needRenderPlaceHolder = isSubPortal && inheritedPortalStyle.position !== "absolute";
+  const needRenderPlaceHolder = isSubPortal && inheritedPortalStyle.position !== "absolute" && inheritedPortalStyle.position !== "fixed";
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(SpatialWindowManagerContext.Provider, { value: spatialWindowManager, children: [
     needRenderPlaceHolder && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "div",
@@ -1427,7 +1427,7 @@ function parseTransform(computedStyle) {
 }
 __name(parseTransform, "parseTransform");
 function parseBack(computedStyle) {
-  let useBackProperty = computedStyle.position === "absolute" || computedStyle.position === "relative";
+  let useBackProperty = computedStyle.position === "absolute" || computedStyle.position === "relative" || computedStyle.position === "fixed";
   if (!useBackProperty) return new import_Matrix4.Matrix4();
   let backProperty = computedStyle.getPropertyValue(SpatialCustomVars.back);
   let back = void 0;
@@ -1854,6 +1854,7 @@ function renderRootCSSSpatialComponent(inProps, refIn) {
     ...style,
     width: 0,
     height: 0,
+    padding: 0,
     transition: "none"
   };
   const spatialDivStyle = {
@@ -1883,7 +1884,8 @@ function renderRootCSSSpatialComponent(inProps, refIn) {
         style: divRefStyle,
         className: divRefClassName,
         ...props,
-        ref
+        ref,
+        "data-cssparser": true
       }
     )
   ] });
@@ -1928,6 +1930,7 @@ function renderInPortalInstance(cssSpatialRootContextObject, cssSpatialID, inPro
     ...style,
     width: 0,
     height: 0,
+    padding: 0,
     transition: "none"
   };
   const spatialDivStyle = {
@@ -3038,7 +3041,8 @@ function renderCSSModel3DNotInSpatialDiv(inProps, refIn) {
   const cssParserDomStyle = {
     ...style,
     width: 0,
-    height: 0
+    height: 0,
+    padding: 0
   };
   const { ref: cssParserDomRef, spatialStyle, ready } = useSpatialStyle();
   const ref = useHijackSpatialDivRef(
@@ -3127,7 +3131,8 @@ function renderCSSModel3DPortalInstance(spatialId, inProps) {
   const cssParserDomStyle = {
     ...style,
     width: 0,
-    height: 0
+    height: 0,
+    padding: 0
   };
   const model3DStyle = {
     ...style,