diff --git a/frontend/src/pages/lib-content-view/lib-content-view.js b/frontend/src/pages/lib-content-view/lib-content-view.js
index 8584f32112..2dac474527 100644
--- a/frontend/src/pages/lib-content-view/lib-content-view.js
+++ b/frontend/src/pages/lib-content-view/lib-content-view.js
@@ -156,6 +156,7 @@ class LibContentView extends React.Component {
       const isGroupOwnedRepo = repoInfo.owner_email.includes('@seafile_group');
 
       this.setState({
+        treeData: treeHelper.buildTree(),
         currentRepoInfo: repoInfo,
         repoName: repoInfo.repo_name,
         libNeedDecrypt: repoInfo.lib_need_decrypt,
@@ -164,6 +165,10 @@ class LibContentView extends React.Component {
         path: path
       });
 
+      if (this.state.isTreePanelShown) {
+        this.loadSidePanel(path);
+      }
+
       if (repoInfo.permission.startsWith('custom-')) {
         await this.setCustomPermission(repoID, repoInfo.permission);
       }