fix: enable independent scroll on kanban board columns#114
Conversation
The parent wrapper in App.tsx was not a flex container, so TaskBoardView's flex-1 had no effect and columns grew unbounded. Additionally, TaskBoardView's content div used overflow-auto in kanban mode, causing the entire board to scroll as one block. - Make App.tsx wrapper a flex column so height constraints propagate - Switch kanban content div to overflow-hidden so each column scrolls independently via its own overflow-y-auto
There was a problem hiding this comment.
Pull request overview
Fixes Kanban board scrolling behavior by ensuring height constraints propagate through the renderer layout so each column can scroll independently (closes #90).
Changes:
- Make the main content wrapper in
App.tsxa flex column withmin-h-0so nestedflex-1/overflow constraints work. - In
TaskBoardView, switch the kanban-mode content container fromoverflow-autotooverflow-hidden(and make it aflexcontainer) so per-columnoverflow-y-autoscrolling takes effect. - Bump root
package.jsonversion to0.4.0-beta.0.
Reviewed changes
Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.
| File | Description |
|---|---|
| src/renderer/components/TaskBoardView.tsx | Adjusts the content container layout/overflow to enable independent kanban column scrolling. |
| src/renderer/App.tsx | Makes the immediate parent layout a flex column with min-h-0 so flex-1 height constraints propagate to the task board. |
| package.json | Updates the application version (not described in the PR summary). |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| { | ||
| "name": "vibegrid", | ||
| "version": "0.3.1", | ||
| "version": "0.4.0-beta.0", |
There was a problem hiding this comment.
The PR description is focused on fixing Kanban scrolling/layout, but this also bumps the root app version from 0.3.1 to 0.4.0-beta.0. Since the release workflow and the app’s About/version surfaces read from package.json, this version change can affect release artifacts/update metadata; either justify it in the PR description or keep the version unchanged for this fix-only PR.
Summary
flex-1had no effect and columns grew unboundedoverflow-autoin kanban mode, causing the entire board to scroll as one block instead of per-columnmin-h-0so height constraints propagateoverflow-hiddenso each column scrolls independentlyCloses #90