Skip to content

Tally: quantity preset row clips off-screen on mobile #11

@InfantLab

Description

@InfantLab

Bug

The quick-select quantity row on the Tally page clips off the right edge of the screen on mobile. The last preset option (visible as "5" in the screenshot) is partially cut off, with no scroll indicator to suggest more options exist.

Screenshot

Reported via screenshot — the row shows: 10 · 12 · 20 · 24 · 25 · 30 · 40 · 5[cut]

Steps to reproduce

  1. Open Tally page on mobile (iOS, ~375px viewport)
  2. Observe the quick-select count row beneath the slider
  3. Last item(s) are clipped with no affordance for scrolling

Expected behaviour

The preset row should either:

  • Wrap to a second line, or
  • Scroll horizontally with visible overflow indicator, or
  • Truncate gracefully (e.g. show only presets that fit)

Environment

  • Device: iPhone (based on screenshot)
  • Page: /tally
  • Build: Development site (separate from production)

Label suggestion

bug mobile tally

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions