Skip to content

Very long challenger list cannot be scrolled #16794

@timovelten

Description

@timovelten

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;
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions