Skip to content

Participants block not horizontally scrollable in mobile view #1437

@PeteCrighton

Description

@PeteCrighton

Describe the bug
On mobile devices with a low resolution the Participants block not being able to be scrolled vertically can lead to users not being able to enter their availability if the row is too long and the vote selector button is being cut off.

To Reproduce
Steps to reproduce the behavior:

  1. Have a poll with date options with specified times and a long (as in several characters) duration such as “1h 30m” in order to make the row for a date as long as possible.
  2. Open the invite page of a poll / add a new participant on a device with a resolution width of ca. <300 px.
  3. See the button to enter your vote being cut off in part or completely.

Expected behavior
The button should be at least reachable via scrolling, but ideally always visible. A quick fix would be throwing a overflow-x-auto on the row element, but it wouldn’t be intuitive for every user that scrolling is an option there.

Screenshots
Screenshot made in Chrome DevTools, but I’ve seen this on an actual device.

Screenshot_20241115_161949

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions