@@ -530,7 +530,7 @@ export function TaskItem({
530530 >
531531 < div className = "p-2" >
532532 { /* Single row layout - simplified for non-mobile only */ }
533- < div className = "flex items-center gap-2" >
533+ < div className = "flex items-center gap-2 min-w-0 " >
534534 { /* Task Completion Checkbox */ }
535535 < TaskCheckbox
536536 checked = { task . completed }
@@ -539,7 +539,7 @@ export function TaskItem({
539539 />
540540
541541 { /* Title */ }
542- < div className = "flex-1 min-w-0 max-w-full truncate " >
542+ < div className = "flex-1 min-w-0 max-w-full" >
543543 < LinkifiedEditableDiv
544544 as = "span"
545545 value = { task . title }
@@ -548,8 +548,10 @@ export function TaskItem({
548548 updateTask ( { updateRequest : { id : task . id , title : newTitle . trim ( ) } } )
549549 }
550550 } }
551+ onEditingChange = { setIsTitleEditing }
551552 className = { cn (
552- "text-sm block w-fit max-w-full" ,
553+ "text-sm block w-full min-w-0 break-all" ,
554+ ! isTitleEditing && "line-clamp-2" ,
553555 task . completed ? "line-through text-muted-foreground" : "text-foreground" ,
554556 ) }
555557 data-action = "edit"
@@ -1364,7 +1366,7 @@ export function TaskItem({
13641366 className = { cn (
13651367 "text-xs sm:text-sm hover:bg-accent" ,
13661368 "w-full sm:w-[28rem] md:w-[32rem] lg:w-[36rem] xl:w-[40rem]" ,
1367- "max-w-full break-words min-w-0" ,
1369+ "max-w-full break-all min-w-0" ,
13681370 task . description
13691371 ? "text-muted-foreground"
13701372 : ! isDefaultDescriptionEditing
@@ -1536,7 +1538,7 @@ export function TaskItem({
15361538 { taskLabels . map ( ( label ) => (
15371539 < span
15381540 key = { label . id }
1539- className = "px-1.5 py-0.5 rounded text-xs flex items-center gap-1 hover:opacity-100 truncate max-w-20 sm:max-w-none"
1541+ className = "px-1.5 py-0.5 rounded text-xs flex items-center gap-1 hover:opacity-100 truncate max-w-20 sm:max-w-none break-all "
15401542 style = { {
15411543 backgroundColor : label . color ,
15421544 color : getContrastColor ( label . color ) ,
0 commit comments