fix: ReactRouterOutlet interferes with layout (#20771)

vaadin · Jan 7, 2025 · bcd7a0d · bcd7a0d
1 parent d143ab9
commit bcd7a0d
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/flow-react/src/main/resources/META-INF/resources/frontend/ReactRouterOutletElement.tsx b/flow-react/src/main/resources/META-INF/resources/frontend/ReactRouterOutletElement.tsx
@@ -3,6 +3,11 @@ import { ReactAdapterElement } from "Frontend/generated/flow/ReactAdapter.js";
 import React from "react";
 
 class ReactRouterOutletElement extends ReactAdapterElement {
+  connectedCallback() {
+    super.connectedCallback();
+    this.style.display = 'contents';
+  }
+
   protected render(): React.ReactElement | null {
     return <Outlet />;
   }