made document's root be z-INdex 0 so that calendar popup shows up on top.

1 files changed, 4 insertions, 1 deletions

diff --git a/src/client/views/Main.tsx b/src/client/views/Main.tsx
index 96bd52d39..17c21326d 100644
--- a/src/client/views/Main.tsx
+++ b/src/client/views/Main.tsx
@@ -22,7 +22,10 @@ FieldLoader.ServerLoadStatus = { requested: 0, retrieved: 0, message: 'cache' };
 
 (async () => {
     MainView.Live = window.location.search.includes('live');
-    const root = ReactDOM.createRoot(document.getElementById('root')!);
+    const rootEle = document.getElementById('root');
+    if (!rootEle) return;
+    rootEle.style.zIndex = '0';
+    const root = ReactDOM.createRoot(rootEle);
     root.render(<FieldLoader />);
     window.location.search.includes('safe') && CollectionView.SetSafeMode(true);
     const info = await CurrentUserUtils.loadCurrentUser();