Bug: Wide table horizontal scrollbar appears in the middle of page

[chenilim]

Steps to reproduce the behavior:

1. Open a table with a few row but many columns (or resize the browser narrower than its width)
2. Notice that the horizontal scrollbar appears in the middle of the page

Expected behavior:
The scrollbar (if any) should appear at the bottom of the page

Screenshots:

Platform:

• Focalboard plugin v0.8.1, Chrome 91 on macOS

Additional context:
This is a regression.

[chenilim]

@harshilsharma63, could you help investigate this? It appears to be a regression, and may be related to recent CSS changes. Thanks.

[kamre]

Regression was introduced in #586 when overflow: auto was added to &.octo-table-body

[kamre]

@harshilsharma63 @chenilim if the width of the browser window is small enough there will be two scroll bars at the bottom:

Is this the expected behaviour?

[kamre]

@harshilsharma63 by the way there is the same scroll bar in the middle for the board view (windows app on the current main):

May be its worth to add flex for &:last-child in centerPanel.scss

[kamre]

@harshilsharma63 @chenilim kanban board has the same issue with scrollbar in the middle of page.

Should this issue be reopened or a new one created?

[chenilim]

Hi @kamre, sorry for the delay. Are you still seeing issues on the build in main? If so, please file a new issue, thanks!

[kamre]

Hello @chenilim, kanban horizontal scrollbar in the middle of page was fixed in #825

For double scrollbars I have filed #889