bug about renaming the file

Author: RafaelGB

src/components/DefaultHeader.tsx

@@ -177,7 +177,7 @@ export default function DefaultHeader(headerProps: DatabaseHeaderProps) {
               labelState={labelState}
               setLabelState={setLabelState}
             />,
-            activeDocument.getElementById(`${view.file.path}-popper`)
+            activeDocument.body
           )
         : null}
     </>

src/components/index/Database.tsx

@@ -11,10 +11,6 @@ export function Database(tableProps: TableDataType) {
   return (
     <React.StrictMode>
       <Table {...tableProps} tableStore={tableStore} />
-      <div
-        id={`${tableProps.view.file.path}-popper`}
-        key={`${tableProps.view.file.path}-popper-key`}
-      ></div>
     </React.StrictMode>
   );
 }

src/components/portals/CalendarPortal.tsx

@@ -43,8 +43,9 @@ const CalendarPortal = (calendarProps: CellComponentProps) => {
   }
 
   const CalendarContainer = (containerProps: any) => {
-    const el = activeDocument.getElementById(`${view.file.path}-popper`);
-    return <Portal container={el}>{containerProps.children}</Portal>;
+    return (
+      <Portal container={activeDocument.body}>{containerProps.children}</Portal>
+    );
   };
   return showDatePicker ? (
     <DatePicker

src/components/portals/CalendarTimePortal.tsx

@@ -42,8 +42,9 @@ const CalendarTimePortal = (calendarTimeProps: CellComponentProps) => {
   }
 
   const CalendarContainer = (containerProps: any) => {
-    const el = activeDocument.getElementById(`${view.file.path}-popper`);
-    return <Portal container={el}>{containerProps.children}</Portal>;
+    return (
+      <Portal container={activeDocument.body}>{containerProps.children}</Portal>
+    );
   };
 
   return showDatePicker &&

src/components/portals/DataviewFiltersPortal.tsx

@@ -298,10 +298,7 @@ const DataviewFiltersPortal = (props: DataviewFiltersProps) => {
       </Button>
 
       {domReady
-        ? ReactDOM.createPortal(
-            currentFilters(),
-            activeDocument.getElementById(`${view.file.path}-popper`)
-          )
+        ? ReactDOM.createPortal(currentFilters(), activeDocument.body)
         : null}
     </>
   );

src/components/portals/PopperSelectPortal.tsx

@@ -215,10 +215,7 @@ const PopperSelectPortal = (popperProps: CellComponentProps) => {
         )}
       </div>
       {domReady
-        ? ReactDOM.createPortal(
-            PortalSelect(),
-            activeDocument.getElementById(`${view.file.path}-popper`)
-          )
+        ? ReactDOM.createPortal(PortalSelect(), activeDocument.body)
         : null}
     </>
   );