Kanban Board Reviews Block for React

Edit LANES and CARDS at the top of the file. A card starts in the lane named by its lane, and each lane's count and cards are filtered from that. Moving a card changes only where it sits; the order inside a lane is the order the cards are typed in, so a moved card appears among its new neighbours rather than at the top.

A menu works with a keyboard, a screen reader and a thumb, and dragging works with only one of them. "Move to" opens a menu of the four lanes with the current one ticked; choosing one moves the card. Focus then lands on the same card's menu button in its new lane, scrolled into view inside the lane.

The lane scrolls on its own: each lane is a named, focusable scroll region with a fixed height, so moving cards in and out never makes the board taller or shorter. Press Tab to reach a lane, then use the arrow keys or the page keys to scroll it. The counts above each lane say how many cards it holds, including ones out of view.

Yes: lanes are workflow states, not a filter. A one-star review sits in New or In review like any other until someone answers it, and nothing on the board hides a review for its rating. Moving a card only changes its state here; the polite line says "Nothing is published in this demo" and a reload starts afresh.

The four lanes become one sideways scroll area with snap points and a name, "Review lanes: scroll sideways for the next lane", and each lane is a little narrower than the screen so the next one peeks in. Each lane scrolls up and down inside its own fixed height.

Yes. The lanes run from the page's start, so New comes first in an RTL layout too, the stars mirror and counts are wrapped so their digits stay in order. The menu list follows the page's direction.