Keyboard-select outline clips on board cards

Breadway commented

2026-09-05 02:27:46 +08:00

Owner

The keyboard-selected card ring (.card.kb) used outline + positive outline-offset, which draws outside the card's border box. .cards only sets overflow-y:auto, but per spec that forces overflow-x to compute as auto too, so the outline gets clipped at the column edges. Fixed by switching to an inset box-shadow ring (like .selected already uses) so it never bleeds outside the card's own box.

Follow-up: the same clipping also showed up on hover (a non-inset drop shadow + translateY lift), which wasn't caught by the first pass since it's a separate rule from .kb. Fixed the same way — hover now uses only an inset ring, no outward shadow or transform.

The keyboard-selected card ring (.card.kb) used outline + positive outline-offset, which draws outside the card's border box. .cards only sets overflow-y:auto, but per spec that forces overflow-x to compute as auto too, so the outline gets clipped at the column edges. Fixed by switching to an inset box-shadow ring (like .selected already uses) so it never bleeds outside the card's own box. Follow-up: the same clipping also showed up on hover (a non-inset drop shadow + translateY lift), which wasn't caught by the first pass since it's a separate rule from .kb. Fixed the same way — hover now uses only an inset ring, no outward shadow or transform.

Breadway added the

bug

label

2026-09-05 02:27:46 +08:00

Breadway referenced this issue from a pull request that will close it,

2026-09-05 02:28:02 +08:00

fix: keyboard-select outline clipping, settings layout + filters #25

Breadway closed this issue

2026-09-05 02:28:06 +08:00

Breadway referenced this issue from a pull request that will close it,

2026-09-05 02:33:24 +08:00

fix: card hover shadow was clipped the same way the kb outline was #26