Skip to content

Instantly share code, notes, and snippets.

@nopara73
Last active June 28, 2026 14:13
Show Gist options
  • Select an option

  • Save nopara73/a4ef1593c53e2e12d16808e8d336ca61 to your computer and use it in GitHub Desktop.

Select an option

Save nopara73/a4ef1593c53e2e12d16808e8d336ca61 to your computer and use it in GitHub Desktop.
LongevityWorldCup select-athlete autocomplete wrap proof

Select-Athlete Autocomplete Wrap Proof

The Play athlete autocomplete highlighted matching text as a separate flex item. Long names then wrapped with the highlighted prefix detached from the rest of the name.

Before After
Before After

Verification:

  • 320px before/after screenshots with mocked long athlete names.
  • Playwright checks at 320px, 390px, and 768px confirmed the autocomplete list has no overflow and highlighted text remains inline.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment