AppFlowy-IO/AppFlowy

Fork 0

mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2026-03-24 12:56:59 +00:00

[GH-ISSUE #1027] [Bug] Need scrolling in Board Page #393

New issue

Closed

opened 2026-03-23 20:36:04 +00:00 by mirror · 4 comments

mirror commented

2026-03-23 20:36:04 +00:00

Owner

Originally created by @ChiragKr04 on GitHub (Sep 11, 2022).
Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/1027

Originally assigned to: @a-wallen on GitHub.

Describe the bug
In Board page we cannot scroll if screen width is smaller.

To Reproduce
Steps to reproduce the behavior:

Create new Board page.
Shrink the app width.
Now other cards are not visible.

Expected behavior
There should be scrolling behaviour, just like in Grid page.

Screenshots
Cannot scroll to see other cards.

Desktop (please complete the following information):

OS: Windows 11
App version: Latest

Originally created by @ChiragKr04 on GitHub (Sep 11, 2022). Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/1027 Originally assigned to: @a-wallen on GitHub. **Describe the bug** In `Board` page we cannot scroll if screen width is smaller. **To Reproduce** Steps to reproduce the behavior: 1. Create new `Board` page. 2. Shrink the app width. 3. Now other cards are not visible. **Expected behavior** There should be scrolling behaviour, just like in `Grid` page. **Screenshots** Cannot scroll to see other cards. ![image](https://user-images.githubusercontent.com/62651867/189528008-4a32114b-c35d-46ae-89f9-f216708d9be5.png) **Desktop (please complete the following information):** - OS: Windows 11 - App version: Latest

mirror

2026-03-23 20:36:04 +00:00

closed this issue
added the
bug
label

mirror commented

2026-03-23 20:36:05 +00:00

Author

Owner

@Dev-Owl commented on GitHub (Dec 26, 2022):

If you wrap the AppFlowyBoard Widget in a Scrollbar Widget you get the requested scrollbar (you might want to set thumbVisibility to true to always show it).
What doesn't work out of the box is dragging an item to the edge of the screen and scroll.

@Dev-Owl commented on GitHub (Dec 26, 2022): If you wrap the `AppFlowyBoard` Widget in a `Scrollbar` Widget you get the requested scrollbar (you might want to set `thumbVisibility` to true to always show it). What doesn't work out of the box is dragging an item to the edge of the screen and scroll.

mirror commented

2026-03-23 20:36:05 +00:00

Author

Owner

@annieappflowy commented on GitHub (Aug 4, 2023):

Not working on Windows 11 pro
Maybe I haven't learnt how to trigger the horizontal scroll

https://github.com/AppFlowy-IO/AppFlowy/assets/12026239/6e82591e-ee64-4e52-b951-d314a9fbeb6a

@annieappflowy commented on GitHub (Aug 4, 2023): Not working on Windows 11 pro Maybe I haven't learnt how to trigger the horizontal scroll https://github.com/AppFlowy-IO/AppFlowy/assets/12026239/6e82591e-ee64-4e52-b951-d314a9fbeb6a

mirror commented

2026-03-23 20:36:05 +00:00

Author

Owner

@Xazin commented on GitHub (Aug 4, 2023):

We discussed it shortly on discord before the PR was merged, but the horizontal scrollbar should always be visible, and it should fit the design.

The scrollbar should be created using StyledScrollbar see appflowy_flutter\packages\flowy_infra_ui\lib\style_widget\scrolling\styled_scroll_bar.dart.

The API for it includes the autoHideScrollbar, it defaults to true, in this case it should be false.

PS. You can use Shift + Scrollwheel for horizontal scrolling.

@Xazin commented on GitHub (Aug 4, 2023): We discussed it shortly on discord before the PR was merged, but the horizontal scrollbar should always be visible, and it should fit the design. The scrollbar should be created using `StyledScrollbar` see `appflowy_flutter\packages\flowy_infra_ui\lib\style_widget\scrolling\styled_scroll_bar.dart`. The API for it includes the `autoHideScrollbar`, it defaults to `true`, in this case it should be `false`. _PS. You can use Shift + Scrollwheel for horizontal scrolling._

mirror commented

2026-03-23 20:36:05 +00:00

Author

Owner

@annieappflowy commented on GitHub (Aug 4, 2023):

Shift + mouse scroll works!

@annieappflowy commented on GitHub (Aug 4, 2023): Shift + mouse scroll works!

mirror referenced this issue

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

[PR #393] [MERGED] Add catalan translation #4111