1612040 - UI for add jobs by search is a bit confusing on mobile

Status: NEW

(Tree Management :: Treeherder: Frontend, enhancement, P3)

Description

[Matthew Gaudet (he/him) [:mgaudet]]

Attachment: 52753917-BF9B-4ACA-9508-A40E6687201D.png

On Firefox on iOS adding new jobs via the “add by search” has a very confusing UI

In the screenshot you see a big box that says “zero items”; it turns out this is a -button- and can be clicked to reveal the list of jobs thinned by the query.

Very non obvious!

Comment 1

[Wes Kocher (:KWierso) (Not reading bugmail; email directly if needed)]

I don't have an iphone to test this on, but the only current way in the code to perform a search is by pressing the "enter" key while the search box is focused (filtering ~15000 items in this list is incredibly slow, even on desktop, so find-as-you-type isn't feasible). Maybe Firefox iOS does something special when the search box loses focus?

The UX is admittedly incredibly poor on small screens like a phone (the buttons at the bottom of the dialog frequenly scroll out of the dialog so they float below it), but Treeherder as a whole isn't much better at smaller resolutions. There have been various bugs filed and subsequently closed as incomplete to introduce a better mobile view (bug 1066286, bug 1247196, bug 1506485).

Maybe adding a "search" button within the searchbar input would be obvious enough to fix out this bug?