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

package/dist/index.js

@@ -3866,6 +3866,12 @@ function SettingOutlined() {
 function HolderOutlined() {
   return /* @__PURE__ */ 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 = useRef(null);
@@ -3990,7 +3996,7 @@ function SortableList(props) {
           })
         }
       ),
-      document.body
+      resolveFullscreenPortalContainer(rootRef.current)
     ) : null
   ] });
 }
@@ -4688,6 +4694,7 @@ function ReactListTableInner(props, ref) {
   } = useReactListTableState(options);
   const hasPagination = paginationConfig != null;
   const paginationLayout = resolveReactListTablePaginationLayout(resolvedRowHeight);
+  const portalContainer = resolveFullscreenPortalContainer(shellRef.current);
   useImperativeHandle(
     ref,
     () => ({
@@ -4845,27 +4852,27 @@ function ReactListTableInner(props, ref) {
     ),
     tooltipRequest ? createPortal(
       /* @__PURE__ */ jsx(ReactTableTooltipView, { request: tooltipRequest }),
-      document.body
+      portalContainer
     ) : null,
     filterPanelRequest ? createPortal(
       /* @__PURE__ */ jsx(ReactTableFilterPanelView, { request: filterPanelRequest }),
-      document.body
+      portalContainer
     ) : null,
     fixedPopupRequest ? createPortal(
       /* @__PURE__ */ jsx(ReactTableFixedPopupView, { request: fixedPopupRequest }),
-      document.body
+      portalContainer
     ) : null,
     headerContextMenuRequest ? createPortal(
       /* @__PURE__ */ jsx(ReactTableContextMenuView, { request: headerContextMenuRequest }),
-      document.body
+      portalContainer
     ) : null,
     searchRequest ? createPortal(
       /* @__PURE__ */ jsx(ReactListTableSearchDialog, { request: searchRequest }),
-      document.body
+      portalContainer
     ) : null,
     exportNameRequest ? createPortal(
       /* @__PURE__ */ jsx(ReactListTableExportNameDialog, { request: exportNameRequest }),
-      document.body
+      portalContainer
     ) : null,
     dangerConfirmRequest ? createPortal(
       /* @__PURE__ */ jsx(
@@ -4875,11 +4882,11 @@ function ReactListTableInner(props, ref) {
           onClose: closeDangerConfirmRequest
         }
       ),
-      document.body
+      portalContainer
     ) : null,
     editorRequest ? createPortal(
       /* @__PURE__ */ jsx(ReactTableEditorOverlay, { request: editorRequest }),
-      editorRequest.hostElement ?? document.body
+      editorRequest.hostElement && portalContainer.contains(editorRequest.hostElement) ? editorRequest.hostElement : portalContainer
     ) : null,
     imagePreviewRequest ? createPortal(
       /* @__PURE__ */ jsx(
@@ -4891,7 +4898,7 @@ function ReactListTableInner(props, ref) {
           onClose: imagePreviewRequest.onClose
         }
       ),
-      document.body
+      portalContainer
     ) : null
   ] });
 }