Reset sidebar state on sidebar changes

facebook · Sep 7, 2020 · eacc06c · eacc06c
1 parent 2185294
commit eacc06c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/packages/docusaurus-theme-bootstrap/src/theme/DocPage/index.js b/packages/docusaurus-theme-bootstrap/src/theme/DocPage/index.js
@@ -23,7 +23,11 @@ function DocPageContent({currentDocRoute, versionMetadata, children}) {
       <div className="d-flex vh-100 overflow-hidden">
         {sidebar && (
           <div className="vh-100" role="complementary">
-            <DocSidebar path={currentDocRoute.path} sidebar={sidebar} />
+            <DocSidebar
+              key={sidebarName}
+              path={currentDocRoute.path}
+              sidebar={sidebar}
+            />
           </div>
         )}
         <main className="vh-100 w-100 d-flex flex-column align-items-center overflow-auto p-5">

diff --git a/packages/docusaurus-theme-classic/src/theme/DocPage/index.tsx b/packages/docusaurus-theme-classic/src/theme/DocPage/index.tsx
@@ -69,6 +69,11 @@ function DocPageContent({
           {sidebar && (
             <div className={styles.docSidebarContainer} role="complementary">
               <DocSidebar
+                key={
+                  // Reset sidebar state on sidebar changes
+                  // See https://github.com/facebook/docusaurus/issues/3414
+                  sidebarName
+                }
                 sidebar={sidebar}
                 path={currentDocRoute.path}
                 sidebarCollapsible={