Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Very long challenger list cannot be scrolled #16794

Closed
timovelten opened this issue Jan 18, 2025 · 3 comments · Fixed by #16816
Closed

Very long challenger list cannot be scrolled #16794

timovelten opened this issue Jan 18, 2025 · 3 comments · Fixed by #16816
Labels

Comments

@timovelten
Copy link

Exact URL of where the bug happened

Everywhere where the topbar is visible

Steps to reproduce the bug

  1. Have a lot of challengers (more than 15, depending on resolution and window size)
  2. Have a window height of more than 600px (so that "sticky top bar" is enabled and it tries to fade away when scrolling the page)

What did you expect to happen?

There should be a way to scroll down the challenger list.

What happened instead?

There are two cases:

  1. If the content of the page is short enough to not need any scrolling (i.e. for instance https://lichess.org/training), then there is simply no scroll bar to even try to the scroll the list, and it just goes off-screen.
  2. If the content of the page is longer (e.g. the home page), then scrolling down the page fades away the top bar, including the challenger list. So it can also not be scrolled in this case.

Operating system

Linux

Browser and version (or alternate access method)

Chrome 131

Additional information

I would propose to slightly change the CSS of the challenger drop down to enable vertical scrolling:

#challenge-app {
    overflow: hidden scroll;
    max-height: 80vh;
    width: 300px;
    text-align: center;
}
@timovelten timovelten added the bug label Jan 18, 2025
@vedantiitkgp
Copy link

Can you explain the challenger list better or can attach a screenshot for the bug ?

@timovelten
Copy link
Author

timovelten commented Jan 19, 2025

The attached video shows the following things:

  • If the page content is short (i.e. there is only a chessboard and nothing else on the page otherwise), then the challenger list is cutoff and there is no scroll bar at all, and consequently you cannot scroll it at all
  • If the page content is long (home page), then you can scroll but the the challenger list won't be scrolled and it just fades away
  • If the window is small enough to not enable the "sticky top bar" feature, you can scroll the challenger list just fine
Screencast_20250119_152714.webm

I should note that I have never personally encountered this bug. I have only become aware of it because of this stream.

@yafred
Copy link
Contributor

yafred commented Jan 20, 2025

@timovelten I passed on your suggestion

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants