@canvas-components/react-components 0.3.12 → 0.3.13

package/dist/index.js

@@ -5601,7 +5601,7 @@ function ReactModal(props) {
   if (!transition.rendered || typeof document === "undefined") {
     return null;
   }
-  const container = resolveContainer(getContainer);
+  const container = resolveContainer(getContainer, panelRef.current);
   if (!container) {
     return null;
   }
@@ -5695,6 +5695,7 @@ function ReactModal(props) {
                 width: !mergedFullscreen ? resizeSize?.width ?? width : width,
                 ...!mergedFullscreen && resizeSize ? { height: resizeSize.height } : void 0,
                 ...style,
+                ...mergedFullscreen ? { width: "100%", height: "100%" } : void 0,
                 ...(draggable || resizable) && !mergedFullscreen ? {
                   position: "relative",
                   left: dragOffset.x,
@@ -5814,13 +5815,18 @@ function ReactModal(props) {
     container
   );
 }
-function resolveContainer(getContainer) {
+function resolveContainer(getContainer, panel) {
   if (typeof document === "undefined") {
     return null;
   }
   if (typeof getContainer === "function") return getContainer();
   if (getContainer) return getContainer;
-  return document.fullscreenElement instanceof HTMLElement ? document.fullscreenElement : document.body;
+  const fullscreenNode = document.fullscreenElement;
+  if (!(fullscreenNode instanceof HTMLElement)) return document.body;
+  if (panel?.contains(fullscreenNode)) {
+    return panel.closest(`.${REACT_COMPONENT_PREFIX}-modal-root`)?.parentElement ?? document.body;
+  }
+  return fullscreenNode;
 }
 function trapFocus(event, panel) {
   if (!panel) {