From 200659ee96a58590577ecf08f8449b6544d14399 Mon Sep 17 00:00:00 2001
From: NotiBot <notibot@nothaft.cloud>
Date: Tue, 3 Feb 2026 16:34:05 +0100
Subject: [PATCH] =?UTF-8?q?Fix:=20overflow-x:clip=20statt=20overflow:hidde?=
 =?UTF-8?q?n=20=E2=80=94=20verhindert=20Scroll=20ohne=20Content=20abzuschn?=
 =?UTF-8?q?eiden?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/TaskCard.tsx | 8 ++++----
 client/src/index.css               | 9 ++-------
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/client/src/components/TaskCard.tsx b/client/src/components/TaskCard.tsx
index e2030a3..50f393f 100644
--- a/client/src/components/TaskCard.tsx
+++ b/client/src/components/TaskCard.tsx
@@ -295,7 +295,7 @@ export default function TaskCard({ task, onStartTimer, onStopTimer, onEdit, onDe
     : null;
 
   return (
-    <div className="overflow-hidden">
+    <div style={{ overflowX: 'clip' }}>
     <motion.div
       drag="x"
       dragConstraints={{ left: -50, right: 150 }} // Limit swipe distance
@@ -351,9 +351,9 @@ export default function TaskCard({ task, onStartTimer, onStopTimer, onEdit, onDe
                 }}
               >
                 {/* Parent Task Link rendered in title now */}
-                <h3 className={`font-medium text-sm leading-tight truncate max-w-full overflow-hidden ${task.status === 'done' ? 'line-through' : ''}`} data-testid={`text-task-title-${task.id}`}>
+                <h3 className={`font-medium text-sm leading-tight truncate ${task.status === 'done' ? 'line-through' : ''}`} data-testid={`text-task-title-${task.id}`}>
                   {parentTask ? (
-                    <span className="flex items-center gap-1 min-w-0 max-w-full overflow-hidden">
+                    <span className="flex items-center gap-1 min-w-0">
                       <span className="text-muted-foreground font-normal truncate shrink min-w-0">{parentTask.title}</span>
                       <span className="text-muted-foreground shrink-0">›</span>
                       <span className="truncate shrink min-w-0">{task.title}</span>
@@ -368,7 +368,7 @@ export default function TaskCard({ task, onStartTimer, onStopTimer, onEdit, onDe
                   </p>
                 )}
 
-                <div className="flex items-center gap-2 mt-3 flex-wrap max-w-full overflow-hidden">
+                <div className="flex items-center gap-2 mt-3 flex-wrap">
                   <Badge
                     variant="secondary"
                     className={`text-xs ${getPriorityColor(task.priority)}`}
diff --git a/client/src/index.css b/client/src/index.css
index d07cbdf..b27b4ae 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -3,16 +3,11 @@
 @tailwind utilities;
 
 /* Prevent horizontal scroll globally */
-html {
-  overflow-x: hidden;
+html, body, #root {
+  overflow-x: clip;
   overscroll-behavior-x: none;
 }
 
-body, #root {
-  overflow-x: hidden;
-  width: 100%;
-}
-
 /* LIGHT MODE */
 :root {
   --button-outline: rgba(0,0,0, .10);