@canvas-components/react-list-table 0.3.21 → 0.3.22

package/dist/index.cjs

@@ -3867,6 +3867,12 @@ function SettingOutlined() {
 function HolderOutlined() {
   return /* @__PURE__ */ jsxRuntime.jsx(ToolbarIcon, { path: "M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z" });
 }
+
+// src/components/fullscreen-portal.ts
+function resolveFullscreenPortalContainer(host) {
+  const fullscreenElement = document.fullscreenElement;
+  return fullscreenElement instanceof HTMLElement && host && fullscreenElement.contains(host) ? fullscreenElement : document.body;
+}
 function SortableList(props) {
   const { items, onOrderChange } = props;
   const rootRef = react.useRef(null);
@@ -3991,7 +3997,7 @@ function SortableList(props) {
           })
         }
       ),
-      document.body
+      resolveFullscreenPortalContainer(rootRef.current)
     ) : null
   ] });
 }
@@ -4689,6 +4695,7 @@ function ReactListTableInner(props, ref) {
   } = useReactListTableState(options);
   const hasPagination = paginationConfig != null;
   const paginationLayout = resolveReactListTablePaginationLayout(resolvedRowHeight);
+  const portalContainer = resolveFullscreenPortalContainer(shellRef.current);
   react.useImperativeHandle(
     ref,
     () => ({
@@ -4846,27 +4853,27 @@ function ReactListTableInner(props, ref) {
     ),
     tooltipRequest ? reactDom.createPortal(
       /* @__PURE__ */ jsxRuntime.jsx(ReactTableTooltipView, { request: tooltipRequest }),
-      document.body
+      portalContainer
     ) : null,
     filterPanelRequest ? reactDom.createPortal(
       /* @__PURE__ */ jsxRuntime.jsx(ReactTableFilterPanelView, { request: filterPanelRequest }),
-      document.body
+      portalContainer
     ) : null,
     fixedPopupRequest ? reactDom.createPortal(
       /* @__PURE__ */ jsxRuntime.jsx(ReactTableFixedPopupView, { request: fixedPopupRequest }),
-      document.body
+      portalContainer
     ) : null,
     headerContextMenuRequest ? reactDom.createPortal(
       /* @__PURE__ */ jsxRuntime.jsx(ReactTableContextMenuView, { request: headerContextMenuRequest }),
-      document.body
+      portalContainer
     ) : null,
     searchRequest ? reactDom.createPortal(
       /* @__PURE__ */ jsxRuntime.jsx(ReactListTableSearchDialog, { request: searchRequest }),
-      document.body
+      portalContainer
     ) : null,
     exportNameRequest ? reactDom.createPortal(
       /* @__PURE__ */ jsxRuntime.jsx(ReactListTableExportNameDialog, { request: exportNameRequest }),
-      document.body
+      portalContainer
     ) : null,
     dangerConfirmRequest ? reactDom.createPortal(
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -4876,11 +4883,11 @@ function ReactListTableInner(props, ref) {
           onClose: closeDangerConfirmRequest
         }
       ),
-      document.body
+      portalContainer
     ) : null,
     editorRequest ? reactDom.createPortal(
       /* @__PURE__ */ jsxRuntime.jsx(ReactTableEditorOverlay, { request: editorRequest }),
-      editorRequest.hostElement ?? document.body
+      editorRequest.hostElement && portalContainer.contains(editorRequest.hostElement) ? editorRequest.hostElement : portalContainer
     ) : null,
     imagePreviewRequest ? reactDom.createPortal(
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -4892,7 +4899,7 @@ function ReactListTableInner(props, ref) {
           onClose: imagePreviewRequest.onClose
         }
       ),
-      document.body
+      portalContainer
     ) : null
   ] });
 }