Board: on a long column the strips' and the open column's names scroll out of view #652

New issue

Closed

opened 2026-10-03 01:50:16 +00:00 by tiagoagueda · 0 comments

tiagoagueda commented

2026-10-03 01:50:16 +00:00

Owner

Found while reviewing #315; not fixed there, by decision.

On the board shape of Applications, a column with many cards is as tall as its cards. With 200 cards open a folded column's strip is about 23,000 px tall, and its name is written at the top only: scrolled down the page, no strip says which column it is, and neither does the open column's heading.

position: sticky on a strip's heading does nothing: the board is a box that scrolls sideways (overflow-x: auto), which makes it the nearest scroll container on both axes, and it never scrolls vertically. overflow-y: clip beside overflow-x: auto computes to hidden. Keeping the names in view needs the board, or each column, to scroll inside a bounded height, which changes how the page scrolls; that is a design decision, hence this issue.

Acceptance

Scrolled anywhere down a long board, every column's name (open or folded) is on screen, in a right-to-left page too.
The page still scrolls as one with the keyboard and a screen reader; nothing becomes a scroll trap.
Tested with 200 cards in one column, at 320 and 1280.

Found while reviewing #315; not fixed there, by decision. On the board shape of *Applications*, a column with many cards is as tall as its cards. With 200 cards open a folded column's strip is about 23,000 px tall, and its name is written at the top only: scrolled down the page, no strip says which column it is, and neither does the open column's heading. `position: sticky` on a strip's heading does nothing: the board is a box that scrolls sideways (`overflow-x: auto`), which makes it the nearest scroll container on both axes, and it never scrolls vertically. `overflow-y: clip` beside `overflow-x: auto` computes to `hidden`. Keeping the names in view needs the board, or each column, to scroll inside a bounded height, which changes how the page scrolls; that is a design decision, hence this issue. ## Acceptance - Scrolled anywhere down a long board, every column's name (open or folded) is on screen, in a right-to-left page too. - The page still scrolls as one with the keyboard and a screen reader; nothing becomes a scroll trap. - Tested with 200 cards in one column, at 320 and 1280.

tiagoagueda added this to the 0.5.0 milestone

2026-10-03 01:50:16 +00:00

tiagoagueda added the

accessibility

interface

labels

2026-10-03 01:50:16 +00:00

tiagoagueda referenced this issue from a commit

2026-10-04 21:43:06 +00:00

Bound the board's height so every column's name stays on screen

tiagoagueda closed this issue

2026-10-04 21:43:06 +00:00