johan
/
mission-control
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: enable vertical scrolling on tasks board columns (#452) 

Add min-h-0 to the kanban board flex container and its column children
so that overflow-y-auto on column bodies can actually trigger. Without
this, flexbox min-height:auto causes containers to grow unbounded
instead of constraining height and enabling scroll.

Fixes #376

Co-authored-by: Dan <github@bookkept.com.au>
This commit is contained in:
danielaustralia1 2026-03-20 00:48:15 +11:00 committed by GitHub
parent 4ddb4d0268
commit 51a51a0ba2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/panels/task-board-panel.tsx
View File

@ -926,13 +926,13 @@ export function TaskBoardPanel() {
)} )}
{/* Kanban Board */} {/* Kanban Board */}
<div className="flex-1 flex gap-4 p-4 overflow-x-auto" role="region" aria-label={t('taskBoard')}> <div className="flex-1 min-h-0 flex gap-4 p-4 overflow-x-auto" role="region" aria-label={t('taskBoard')}>
{statusColumns.map(column => ( {statusColumns.map(column => (
<div <div
key={column.key} key={column.key}
role="region" role="region"
aria-label={t('columnAriaLabel', { title: column.title, count: tasksByStatus[column.key]?.length || 0 })} aria-label={t('columnAriaLabel', { title: column.title, count: tasksByStatus[column.key]?.length || 0 })}
className="flex-1 min-w-80 bg-surface-0 border border-border/60 rounded-xl flex flex-col transition-colors duration-200 [&.drag-over]:border-primary/40 [&.drag-over]:bg-primary/[0.02]" className="flex-1 min-w-80 min-h-0 bg-surface-0 border border-border/60 rounded-xl flex flex-col transition-colors duration-200 [&.drag-over]:border-primary/40 [&.drag-over]:bg-primary/[0.02]"
onDragEnter={(e) => handleDragEnter(e, column.key)} onDragEnter={(e) => handleDragEnter(e, column.key)}
onDragLeave={handleDragLeave} onDragLeave={handleDragLeave}
onDragOver={handleDragOver} onDragOver={handleDragOver}