Layout: overflow-auto raus, damit Sticky-Header greifen

Der Content-Wrapper hatte overflow-auto – das machte ihn zum
Scroll-Ancestor jedes Sticky-Elements, obwohl er wegen der
flexbox-min-h-auto-Regel nie selbst scrollte. Sticky-Header
in ContractDetail und ContractForm blieben deshalb nicht oben
kleben, weil der Scroll-Kontext, an den sie gebunden waren,
gar nicht scrollte.

Fix: overflow-auto entfernt. Jetzt scrollt wieder das Window,
Sticky sitzt an der Viewport-Kante. EmailClientTab arbeitet
mit calc(100vh - 240px) und ist von der Änderung nicht
betroffen.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
2026-07-03 08:11:38 +02:00
parent b48cd72a2b
commit 647959837a
+6 -1
View File
@@ -65,9 +65,14 @@ function PortalFooter() {
export default function Layout() {
return (
// `overflow-auto` auf dem Content-Wrapper wurde entfernt: dadurch
// wurde jeder Sticky-Header (ContractDetail/ContractForm) unwirksam,
// weil sein Scroll-Ancestor der Wrapper war der aber wegen der
// Flexbox-`min-h-auto`-Regel nicht selbst scrollte. Jetzt scrollt
// wieder das Window, und Sticky sitzt an der Viewport-Kante.
<div className="flex min-h-screen">
<Sidebar />
<div className="flex-1 flex flex-col overflow-auto">
<div className="flex-1 flex flex-col">
<ConsentBanner />
<main className="flex-1 p-8">
<Outlet />