Lanes cannot be reordered via drag and drop when a board contains more lanes than fit on the visible screen

[martin1ehm]

🐛 Bug Report

Describe the bug
When a board contains more lanes than fit on the visible screen width, lanes on the right side of the board can no longer be moved via drag and drop.

Dragging and dropping lanes works for lanes that are still within the left/vis

To Reproduce
Steps to reproduce the behavior:

1. Open a board
2. Create enough lanes so that the board becomes wider than the current screen width.
3. Try to reorder lanes via drag and drop.
4. Notice that lanes on the left side can still be moved.
5. Scroll horizontally to the right.
6. Try to move lanes on the right side.
7. The lanes on the right side cannot be dragged/reordered properly.

Expected behavior
All lanes should be reorderable via drag and drop, regardless of their horizontal position on the board.

Drag and drop should continue to work after the board exceeds the visible screen width and requires horizontal scrolling.

Environment (please complete the following information):
Windows 11,
Chrome - 149.0.7827.115 (64-Bit)
Edge - 149.0.4022.69 (64-Bit)
Kan.bn v0.5.6 (via docker)

Additional context
The issue seems to depend on the available screen width. With fewer lanes, drag and drop works correctly. Once the number of lanes exceeds the visible board width, lanes on the right side stop being movable, while lanes on the left side still work.

[martin1ehm]

I am quite comfortable with HTML and CSS, but I don't really understand much about react, so I am not sure where exactly this should be changed properly.

... but I think the style width: max-content is missing at all-lists in:

apps/web/src/views/board

When I add this in Chrome DevTools, the drag/drop issue seems to be fixed.