Fix: overflow-x:clip statt overflow:hidden — verhindert Scroll ohne Content abzuschneiden

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)}`}

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);