This is a very minor visual bug: On the ‘Home’ page, under the ‘Active Games’ list, the Horizontal scroll bar is visible even when the list is nowhere near overflowing. I am using Google Chrome, on a wide screen, with only 2 active games and still the horizontal scrollbar is active. It can only be scrolled about one pixel. This issue does not happen on the Play Go at online-go.com! | OGS page.
The horizontal scroll bar seems to disappear when the “.GameList” CSS rule “overflow-x: auto” is removed.
Thar be the source if you’re interested in taking a look. Looks like that line was added in some mobile improvements, so important to make sure nothing breaks on small/narrow viewports…
Indeed I do have a few pixels of horizontal scrolling on my device as well. But tbh I’m not sure I need/want it. The boards seem to fit comfortably on the page without scroll. (I think my screen is like 5.5" or so)
It appears this is caused by the combination of 2 conditions:
the presence of a 13x13 board (possibly any non-19x19 board)
having too few games to wrap to the 2nd line. when there are enough games to begin a 2nd row, the scrollbar disappears regardless of the board sizes.
The canvas element of the 13x13 board has a width of 312px while the 19x19’s canvas element has a width of 304px. So the smaller board actually has a wider canvas element, but I’m guessing they are supposed to be equal? If so, this is probably the root cause of the issue.
Thanks. That CSS rule should be fine, the issue seems to be caused by underlying canvas elements having non-uniform width. The width seems to be calculated by javascript so I’m currently looking at https://github.com/online-go/goban/blob/main/src/GobanCanvas.ts