Skip to content

Broadcast UI issues in mobile #15067

@dav1312

Description

@dav1312

Exact URL of where the bug happened

https://lichess.org/broadcast
https://lichess.org/broadcast/fide-candidates-2024--open/round-7/X9LGGQoT
https://lichess.org/broadcast/fide-candidates-2024--open/round-7/X9LGGQoT/RPqbsCTF

Steps to reproduce the bug

https://lichess.org/broadcast
If the device width is too small (below aprox 387px), there will be horizontal scrolling in the page
image

https://lichess.org/broadcast/fide-candidates-2024--open/round-7/X9LGGQoT
The width of the dropdown is too small so it's not possible to see the "in X hours" or know what round is live
image

https://lichess.org/broadcast/fide-candidates-2024--open/round-7/X9LGGQoT/RPqbsCTF
This element cannot be scrolled and its height is too small which makes it impossible to change the engine settings
This element is not even visible when there is a live stream because it covers that section so the engine cannot be turned on and off
image

Operating system

Android

Browser and version (or alternate access method)

Chrome 123, Kiwi 124

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions