From 08a9e349f2bb941a984a4b3967fa55c548a38b22 Mon Sep 17 00:00:00 2001
From: NotiBot <notibot@nothaft.cloud>
Date: Tue, 3 Feb 2026 17:00:19 +0100
Subject: [PATCH] =?UTF-8?q?Fix:=20overflow-x-hidden=20von=20Wrapper/Main?=
 =?UTF-8?q?=20entfernt=20=E2=80=94=20schnitt=20rechte=20Seite=20ab?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Nur noch overflow-x:clip auf #root + overflowX:clip auf TaskCard-Wrapper.
Die gestapelten overflow-hidden auf 3 Ebenen haben Content rechts abgeschnitten.
---
 client/src/App.tsx   | 4 ++--
 client/src/index.css | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/src/App.tsx b/client/src/App.tsx
index ef5ab9c..3608ef8 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -349,7 +349,7 @@ function AppContent() {
       <SidebarProvider>
         <AppSidebar user={user} />
         <SidebarInset>
-          <div className={`min-h-screen bg-background flex flex-col min-w-0 overflow-x-hidden ${adhdEnabled ? 'adhd-mode' : ''} ${adhdEnabled && adhdSettings.reducedAnimations ? 'reduced-motion' : ''} ${adhdEnabled && adhdSettings.largerTargets ? 'larger-targets' : ''}`}>
+          <div className={`min-h-screen bg-background flex flex-col min-w-0 ${adhdEnabled ? 'adhd-mode' : ''} ${adhdEnabled && adhdSettings.reducedAnimations ? 'reduced-motion' : ''} ${adhdEnabled && adhdSettings.largerTargets ? 'larger-targets' : ''}`}>
             {/* Mobile Header with Sidebar Toggle */}
             <header className="sticky top-0 z-50 flex items-center gap-3 px-4 py-3 bg-background/80 backdrop-blur-xl border-b border-border/50 md:hidden">
               <SidebarTrigger className="h-9 w-9" />
@@ -360,7 +360,7 @@ function AppContent() {
                 <span className="font-bold text-lg">{t('app.title')}</span>
               </div>
             </header>
-            <main className="flex-1 p-4 md:p-6 max-w-screen-2xl mx-auto w-full relative overflow-x-hidden">
+            <main className="flex-1 p-4 md:p-6 max-w-screen-2xl mx-auto w-full relative">
               <Switch>
                 <Route path="/">
                   <FocusMode
diff --git a/client/src/index.css b/client/src/index.css
index b27b4ae..f9bfe5e 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -2,10 +2,10 @@
 @tailwind components;
 @tailwind utilities;
 
-/* Prevent horizontal scroll globally */
-html, body, #root {
+/* Prevent horizontal scroll globally — only on root, not nested containers */
+#root {
   overflow-x: clip;
-  overscroll-behavior-x: none;
+  max-width: 100vw;
 }
 
 /* LIGHT MODE */