[GH-ISSUE #2177] [Bug] When Screen Size is Small Kanban Board is not Horzontally Scrollable #881

Closed
opened 2026-03-23 20:42:29 +00:00 by mirror · 12 comments
Owner

Originally created by @Mukund-Tandon on GitHub (Apr 4, 2023).
Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/2177

Originally assigned to: @Xazin on GitHub.

Bug Description

Screencast from 04-04-23 03:35:48 PM IST.webm

As Shown in the video If screen size becomes small the We are not able to scroll to view the left side Group

How to Reproduce

Just creat a normal board and decrease screen width

Expected Behavior

We should be able to scroll To left

Operating System

Linux (Fedora Workstation 35)

AppFlowy Version(s)

0.1.2

Screenshots

No response

Additional Context

No response

Originally created by @Mukund-Tandon on GitHub (Apr 4, 2023). Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/2177 Originally assigned to: @Xazin on GitHub. ### Bug Description [Screencast from 04-04-23 03:35:48 PM IST.webm](https://user-images.githubusercontent.com/71614009/229759403-e928479f-3292-4c74-b92a-a6eee377bca3.webm) As Shown in the video If screen size becomes small the We are not able to scroll to view the left side Group ### How to Reproduce Just creat a normal board and decrease screen width ### Expected Behavior We should be able to scroll To left ### Operating System Linux (Fedora Workstation 35) ### AppFlowy Version(s) 0.1.2 ### Screenshots _No response_ ### Additional Context _No response_
Author
Owner

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

Relates to #1917 I believe

<!-- gh-comment-id:1495744506 --> @Xazin commented on GitHub (Apr 4, 2023): Relates to #1917 I believe
Author
Owner

@Mukund-Tandon commented on GitHub (Apr 4, 2023):

Relates to #1917 I believe

Yes, Just Saw it , Should I close this issue?

<!-- gh-comment-id:1496045231 --> @Mukund-Tandon commented on GitHub (Apr 4, 2023): > Relates to #1917 I believe Yes, Just Saw it , Should I close this issue?
Author
Owner

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

Relates to #1917 I believe

Yes, Just Saw it , Should I close this issue?

Maybe not, let's see what the team says, I would assume since this is more specific, it might be easier to implement just this one feature compared to a "bunch" as in 1917.

<!-- gh-comment-id:1496062207 --> @Xazin commented on GitHub (Apr 4, 2023): > > Relates to #1917 I believe > > Yes, Just Saw it , Should I close this issue? Maybe not, let's see what the team says, I would assume since this is more specific, it might be easier to implement just this one feature compared to a "bunch" as in 1917.
Author
Owner

@hyj1204 commented on GitHub (Apr 4, 2023):

We have the scrollbar in the gird view page but it doesn't exist in the board view page yet.

https://user-images.githubusercontent.com/14248245/229947069-dfda55d5-69b8-4f3b-a923-b4e0912617aa.mov

Anyone can help implement the same type of scrollbar in the Kanban board view page?

Here are some files maybe helpful to check to build this feature.
Grid page:
AppFlowy/frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/grid_page.dart

Current scroll bar widgets:
package:flowy_infra_ui/style_widget/scrolling/styled_scroll_bar.dart

<!-- gh-comment-id:1496738648 --> @hyj1204 commented on GitHub (Apr 4, 2023): We have the scrollbar in the gird view page but it doesn't exist in the board view page yet. https://user-images.githubusercontent.com/14248245/229947069-dfda55d5-69b8-4f3b-a923-b4e0912617aa.mov ### Anyone can help implement the same type of scrollbar in the Kanban board view page? Here are some files maybe helpful to check to build this feature. Grid page: `AppFlowy/frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/grid_page.dart` Current scroll bar widgets: `package:flowy_infra_ui/style_widget/scrolling/styled_scroll_bar.dart`
Author
Owner

@Mukund-Tandon commented on GitHub (Apr 6, 2023):

Can I work on this issue?

<!-- gh-comment-id:1498868019 --> @Mukund-Tandon commented on GitHub (Apr 6, 2023): Can I work on this issue?
Author
Owner

@AmanNegi commented on GitHub (Apr 8, 2023):

I have noticed that when we use trackpad to scroll, it does scroll. However when we use mouse to scroll, it does not work.

<!-- gh-comment-id:1500869729 --> @AmanNegi commented on GitHub (Apr 8, 2023): I have noticed that when we use trackpad to scroll, it does scroll. However when we use mouse to scroll, it does not work.
Author
Owner

@LucasXu0 commented on GitHub (Apr 10, 2023):

@Mukund-Tandon Sure. I assigned it to you.

I have noticed that when we use trackpad to scroll, it does scroll. However when we use mouse to scroll, it does not work.

Thanks @AmanNegi for reminding. I think there's a missing listener for mouse gesture.

<!-- gh-comment-id:1501461032 --> @LucasXu0 commented on GitHub (Apr 10, 2023): @Mukund-Tandon Sure. I assigned it to you. > I have noticed that when we use trackpad to scroll, it does scroll. However when we use mouse to scroll, it does not work. Thanks @AmanNegi for reminding. I think there's a missing listener for mouse gesture.
Author
Owner

@annieappflowy commented on GitHub (May 18, 2023):

Are you working on this? @Mukund-Tandon
If not, I'll assign it to another person.

<!-- gh-comment-id:1552559302 --> @annieappflowy commented on GitHub (May 18, 2023): Are you working on this? @Mukund-Tandon If not, I'll assign it to another person.
Author
Owner

@ankursharma7982 commented on GitHub (May 18, 2023):

Hello Annie, This is Ankur from UpWork,
Kindly assign it to me.

<!-- gh-comment-id:1552592276 --> @ankursharma7982 commented on GitHub (May 18, 2023): Hello Annie, This is Ankur from UpWork, Kindly assign it to me.
Author
Owner

@Mukund-Tandon commented on GitHub (May 18, 2023):

Are you working on this? @Mukund-Tandon If not, I'll assign it to another person.

I am currently not working on this.

<!-- gh-comment-id:1552614572 --> @Mukund-Tandon commented on GitHub (May 18, 2023): > Are you working on this? @Mukund-Tandon If not, I'll assign it to another person. I am currently not working on this.
Author
Owner

@annieappflowy commented on GitHub (Nov 5, 2023):

@Xazin , I suppose this was fixed already?

<!-- gh-comment-id:1793754903 --> @annieappflowy commented on GitHub (Nov 5, 2023): @Xazin , I suppose this was fixed already?
Author
Owner

@Xazin commented on GitHub (Nov 5, 2023):

@Xazin , I suppose this was fixed already?

Yes, it's completed.

<!-- gh-comment-id:1793757496 --> @Xazin commented on GitHub (Nov 5, 2023): > @Xazin , I suppose this was fixed already? Yes, it's completed.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
AppFlowy-IO/AppFlowy#881
No description provided.