Skip to content

Layout overflow / broken UI on tournament page (team battle) on mobile Chrome, Realme GT 7 #21779

Description

@nesstyx

Exact URL of where the bug happened

https://lichess.org/tournament/AbD1bzki

Steps to reproduce the bug

  1. Open a team-battle tournament on lichess.org from a mobile browser
    (example: an arena "Blitz Chess Championship Team Battle" with bot players allowed)
  2. Scroll through the leaderboard / top games / chat sections on the tournament page
  3. Observe overflowing score digits and overlapping header icons (reproduces
    in both Russian and English UI locales)

What did you expect to happen?

Long score strings in the team leaderboard (e.g. per-round point history) should wrap or scroll within their own container instead of overflowing past the edge of the screen.

What happened instead?

  • Score digits in the leaderboard overflow horizontally off-screen and get
    cut off, with no wrap or scroll container.
  • Reproduced the same way with the UI language set to both Russian and
    English, so the issue is not locale-specific.

Operating system

Android 15, Realme UI 6.0

Browser and version (or alternate access method)

Realme GT 7, Chrome 153.0.8010.49 (Android), Zoom: default, "Desktop site": off, Display: 6.78"

Additional information

Image Image Image Image

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions