diff --git a/apps/client/src/widgets/view_widgets/board_view/index.ts b/apps/client/src/widgets/view_widgets/board_view/index.ts index 8bbe443a2..33f61a632 100644 --- a/apps/client/src/widgets/view_widgets/board_view/index.ts +++ b/apps/client/src/widgets/view_widgets/board_view/index.ts @@ -29,6 +29,7 @@ const TPL = /*html*/` padding: 0.5em; background-color: var(--accented-background-color); transition: border-color 0.2s ease; + overflow-y: auto; } .board-view-container .board-column.drag-over { @@ -131,6 +132,15 @@ export default class BoardView extends ViewMode { .attr("data-column", column) .append($("

").text(column)); + // Allow vertical scrolling in the column, bypassing the horizontal scroll of the container. + $columnEl.on("wheel", (event) => { + const el = $columnEl[0]; + const needsScroll = el.scrollHeight > el.clientHeight; + if (needsScroll) { + event.stopPropagation(); + } + }); + // Setup drop zone for the column this.setupColumnDropZone($columnEl, column);