:art: fix https://github.com/siyuan-note/siyuan/issues/11041

app/src/assets/scss/mobile.scss

@@ -443,6 +443,7 @@
   box-sizing: border-box;
   background-color: var(--b3-theme-background);
   @extend .fn__ellipsis;
+  z-index: 2;
 }
 
 .protyle {

app/src/assets/template/mobile/index.tpl

@@ -65,7 +65,7 @@
     <div class="b3-menu__items"></div>
 </div>
 <div id="message" class="b3-snackbars"></div>
-<div id="status" class="status status--hide"></div>
+<div id="status" class="status"></div>
 <div id="keyboardToolbar" class="keyboard fn__none"></div>
 <div class="side-mask fn__none"></div>
 </body>

app/src/dialog/processSystem.ts

@@ -36,10 +36,10 @@ const updateTitle = (rootID: string, tab: Tab, protyle?: IProtyle) => {
 };
 
 export const reloadSync = (app: App, data: { upsertRootIDs: string[], removeRootIDs: string[] }, hideMsg = true) => {
-   if (hideMsg) {
-       hideMessage();
-   }
-   /// #if MOBILE
+    if (hideMsg) {
+        hideMessage();
+    }
+    /// #if MOBILE
     if (window.siyuan.mobile.popEditor) {
         if (data.removeRootIDs.includes(window.siyuan.mobile.popEditor.protyle.block.rootID)) {
             hideElements(["dialog"]);
@@ -288,13 +288,18 @@ export const progressStatus = (data: IWebSocketData) => {
             return;
         }
         statusElement.innerHTML = data.msg;
-        statusElement.classList.remove("status--hide");
         statusElement.style.bottom = "0";
+        setTimeout(() => {
+            statusElement.style.bottom = "";
+        }, 5000);
         return;
     }
     const msgElement = statusElement.querySelector(".status__msg");
     if (msgElement) {
         msgElement.innerHTML = data.msg;
+        setTimeout(() => {
+            msgElement.innerHTML = "";
+        }, 5000);
     }
 };