@webspatial/react-sdk 0.1.6 → 0.1.8

package/dist/default/index.js

@@ -865,7 +865,8 @@ function renderJSXPortalInstance(inProps, inheritedPortalStyle, className) {
     marginTop: "0px",
     marginBottom: "0px",
     borderRadius: "0px",
-    overflow: ""
+    overflow: "",
+    display: "block"
   };
   const style = {
     ...inStyle,
@@ -1222,9 +1223,10 @@ function PortalInstance(inProps) {
     className
   );
   const needRenderPlaceHolder = isSubPortal && inheritedPortalStyle.position !== "absolute" && inheritedPortalStyle.position !== "fixed";
+  const El = props.El;
   return /* @__PURE__ */ jsxs(SpatialWindowManagerContext.Provider, { value: spatialWindowManager, children: [
     needRenderPlaceHolder && /* @__PURE__ */ jsx2(
-      "span",
+      El,
       {
         className,
         "data-subportal-spatialid": spatialId,
@@ -1656,6 +1658,15 @@ function useSpatialStyle() {
       observer.disconnect();
     };
   }, []);
+  useEffect6(() => {
+    const headObserver = new MutationObserver((mutations) => {
+      checkSpatialStyleUpdate();
+    });
+    headObserver.observe(document.head, { childList: true, subtree: true });
+    return () => {
+      headObserver.disconnect();
+    };
+  }, []);
   useEffect6(() => {
     if (!ref.current) {
       return;