From e9225ccd96ed537dc100f1898078eedae978a0b5 Mon Sep 17 00:00:00 2001
From: sebastien <lorber.sebastien@gmail.com>
Date: Fri, 19 Apr 2024 10:04:09 +0200
Subject: [PATCH] POC fix

---
 .../src/theme/Layout/styles.module.css        |  6 ++++
 packages/docusaurus/src/client/App.tsx        | 32 ++++++++++---------
 2 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/packages/docusaurus-theme-classic/src/theme/Layout/styles.module.css b/packages/docusaurus-theme-classic/src/theme/Layout/styles.module.css
index 162cbd1257..774928e3cb 100644
--- a/packages/docusaurus-theme-classic/src/theme/Layout/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/Layout/styles.module.css
@@ -26,3 +26,9 @@ body {
   display: flex;
   flex-direction: column;
 }
+
+:global(#__docusaurus-app) {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
diff --git a/packages/docusaurus/src/client/App.tsx b/packages/docusaurus/src/client/App.tsx
index 3a93ec6524..0e8ddc4b46 100644
--- a/packages/docusaurus/src/client/App.tsx
+++ b/packages/docusaurus/src/client/App.tsx
@@ -29,20 +29,22 @@ export default function App(): JSX.Element {
   const routeElement = renderRoutes(routes);
   const location = useLocation();
   return (
-    <ErrorBoundary>
-      <DocusaurusContextProvider>
-        <BrowserContextProvider>
-          <Root>
-            <SiteMetadataDefaults />
-            <SiteMetadata />
-            <BaseUrlIssueBanner />
-            <PendingNavigation location={normalizeLocation(location)}>
-              {routeElement}
-            </PendingNavigation>
-          </Root>
-          <HasHydratedDataAttribute />
-        </BrowserContextProvider>
-      </DocusaurusContextProvider>
-    </ErrorBoundary>
+    <div id="__docusaurus-app">
+      <ErrorBoundary>
+        <DocusaurusContextProvider>
+          <BrowserContextProvider>
+            <Root>
+              <SiteMetadataDefaults />
+              <SiteMetadata />
+              <BaseUrlIssueBanner />
+              <PendingNavigation location={normalizeLocation(location)}>
+                {routeElement}
+              </PendingNavigation>
+            </Root>
+            <HasHydratedDataAttribute />
+          </BrowserContextProvider>
+        </DocusaurusContextProvider>
+      </ErrorBoundary>
+    </div>
   );
 }