[GH-ISSUE #5308] [FR] Kanban board UX improvements #2350

New issue

Open

opened 2026-03-23 21:21:40 +00:00 by mirror · 2 comments

mirror commented

2026-03-23 21:21:40 +00:00

Owner

Originally created by @richardshiue on GitHub (May 10, 2024).
Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/5308

Description

scrolling automatically vertically in a group according to focus traversal if the group has more cards than can fit on the screen
scrolling automatically horizontally if there are more groups than can fit on the screen according to focus traversal
scrolling automatically to the bottom of the group once a card has been created from the bottom (now it's scrolling to the bottom BEFORE the card has been created)
allow left and right arrow keys. right now it's implemented like notion: up and down to go previous/next card in a group, and once the user reaches the end, the next up/down will move to the next/previous group. To implement this feature would require getting the widget position and size of the cards in each group and figure out which card in the adjacent group is nearest. Simply using index to navigate to the card in the adjacent group isn't a good solution because some cards may be tall and others be very short.
implement a rectangular select tool to select multiple cards with one mouse drag

Impact

Users of the kanban board

Additional Context

No response

Originally created by @richardshiue on GitHub (May 10, 2024). Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/5308 ### Description - scrolling automatically vertically in a group according to focus traversal if the group has more cards than can fit on the screen - scrolling automatically horizontally if there are more groups than can fit on the screen according to focus traversal - scrolling automatically to the bottom of the group once a card has been created from the bottom (now it's scrolling to the bottom BEFORE the card has been created) - allow left and right arrow keys. right now it's implemented like notion: up and down to go previous/next card in a group, and once the user reaches the end, the next up/down will move to the next/previous group. To implement this feature would require getting the widget position and size of the cards in each group and figure out which card in the adjacent group is nearest. Simply using index to navigate to the card in the adjacent group isn't a good solution because some cards may be tall and others be very short. - implement a rectangular select tool to select multiple cards with one mouse drag ### Impact Users of the kanban board ### Additional Context _No response_

mirror added the

mobile

kanban board

improvements

labels

2026-03-23 21:21:40 +00:00

mirror commented

2026-03-23 21:21:41 +00:00

Author

Owner

@emmggi commented on GitHub (May 10, 2024):

I'd suggest using PageView on mobile for columns with a fractionViewport less than 1.0 to simply lock the column in center and a small indicator how many pages there are. The documentation has a nice demo with pagination https://api.flutter.dev/flutter/widgets/PageView-class.html

@emmggi commented on GitHub (May 10, 2024): I'd suggest using PageView on mobile for columns with a fractionViewport less than 1.0 to simply lock the column in center and a small indicator how many pages there are. The documentation has a nice demo with pagination https://api.flutter.dev/flutter/widgets/PageView-class.html

mirror commented

2026-03-23 21:21:41 +00:00

Author

Owner

@emmggi commented on GitHub (May 10, 2024):

I would also like to add to make layout changes easier on mobile. The option is a bit tucked away.

Currently it's: View name > View options > Edit view > Layout > Choose option.

@emmggi commented on GitHub (May 10, 2024): I would also like to add to make layout changes easier on mobile. The option is a bit tucked away. Currently it's: View name > View options > Edit view > Layout > Choose option.