From 647959837a7120571e3ac52e597b17e031c51716 Mon Sep 17 00:00:00 2001
From: duffyduck <info@hacker-net.de>
Date: Fri, 3 Jul 2026 08:11:38 +0200
Subject: [PATCH] Layout: overflow-auto raus, damit Sticky-Header greifen
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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>
---
 frontend/src/components/layout/Layout.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/layout/Layout.tsx b/frontend/src/components/layout/Layout.tsx
index aecf16df..e05f45c8 100644
--- a/frontend/src/components/layout/Layout.tsx
+++ b/frontend/src/components/layout/Layout.tsx
@@ -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 />