sync sidebar DOM state on page:change to minimize split-second appearance of the sidebar in certain situations19183-refactor-sidebar-js

1 files changed, 2 insertions, 3 deletions

diff --git a/app/assets/javascripts/sidebar.js.es6 b/app/assets/javascripts/sidebar.js.es6
index 0cd6f946f61..755fac8107b 100644
--- a/app/assets/javascripts/sidebar.js.es6
+++ b/app/assets/javascripts/sidebar.js.es6
@@ -23,8 +23,6 @@
       if (!singleton) {
         singleton = this;
         singleton.init();
-      } else {
-        singleton.renderState();
       }
       return singleton;
     }
@@ -38,7 +36,8 @@
       $(document)
         .on('click', sidebarToggleSelector, () => this.toggleSidebar())
         .on('click', pinnedToggleSelector, () => this.togglePinnedState())
-        .on('click', 'html, body', (e) => this.handleClickEvent(e));
+        .on('click', 'html, body', (e) => this.handleClickEvent(e))
+        .on('page:change', () => this.renderState());
       this.renderState();
     }