Let search filter tokens wrap instead of scroll

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

  • Close this issue

Resources

UX @cperessini

Description

Horizontal scrolling on a desktop is kind of a pain, and should really only be used for features like issue boards. As of now our search/filter bar scrolls horizontally if you add a certain number of filters. Screen_Shot_2017-03-07_at_12.07.47_PM

  • This ends up looking ugly in IE
  • You can't see at first glance which filters you've already used
  • When you scroll back and forth on a Mac, the scrollbar covers up half the container so you can't read it
  • Not everyone has a trackpad

Design

  • Tokens wrap when there are too many of them to fit in one line
  • A token is never divided. Its two halves are always on the same line
  • The height of the text field increases so you can see every token at the same time
  • Plain text search terms can wrap to the next line

Screen_Shot_2017-03-07_at_11.57.51_AM

Edited Jun 15, 2025 by 🤖 GitLab Bot 🤖
Assignee Loading
Time tracking Loading