Put emoji picker's query and best matches at bottom instead of top, maybe #1123
Labels
a-design
Visual and UX design
Milestone
Comments
apoorvapendse
added a commit
to apoorvapendse/zulip-flutter
that referenced
this issue
Dec 11, 2024
This commit reverses the list that was originally presented to the user while showing the typeahead menu. This makes sense since on mobile its easier to click on options closer to the input box, i.e. where your fingers are currently present, instead of pressing arrow keys on a keyboard which is true on a desktop setup. Hence we place the best matching options not at the top of the typeahead menu, but instead put them at the bottom for better reachability and convenience of the user. Fixes zulip#1123. Fixes zulip#1121.
apoorvapendse
added a commit
to apoorvapendse/zulip-flutter
that referenced
this issue
Dec 11, 2024
… the list that was originally presented to the user while showing the typeahead menu. This makes sense since on mobile its easier to click on options closer to the input box, i.e. where your fingers are currently present, instead of pressing arrow keys on a keyboard which is true on a desktop setup. Hence we place the best matching options not at the top of the typeahead menu, but instead put them at the bottom for better reachability and convenience of the user. Fixes zulip#1123. Fixes zulip#1121.
apoorvapendse
added a commit
to apoorvapendse/zulip-flutter
that referenced
this issue
Dec 15, 2024
This commit reverses the list that was originally presented to the user while showing the typeahead menu. This makes sense since on mobile its easier to click on options closer to the input box, i.e. where your fingers are currently present, instead of pressing arrow keys on a keyboard which is true on a desktop setup. Hence we place the best matching options not at the top of the typeahead menu, but instead put them at the bottom for better reachability and convenience of the user. Tests have been added to verify the emoji behavior rendering behavior. Fixes zulip#1123. Fixes zulip#1121.
apoorvapendse
added a commit
to apoorvapendse/zulip-flutter
that referenced
this issue
Dec 16, 2024
This commit reverses the list that was originally presented to the user while showing the typeahead menu. This makes sense since on mobile its easier to click on options closer to the input box, i.e. where your fingers are currently present, instead of pressing arrow keys on a keyboard which is true on a desktop setup. Hence we place the best matching options not at the top of the typeahead menu, but instead put them at the bottom for better reachability and convenience of the user. Tests have been added to verify the emoji and mention render behavior. Fixes zulip#1123. Fixes zulip#1121.
apoorvapendse
added a commit
to apoorvapendse/zulip-flutter
that referenced
this issue
Dec 18, 2024
This commit reverses the list that was originally presented to the user while showing the typeahead menu. This makes sense since on mobile its easier to click on options closer to the input box, i.e. where your fingers are currently present, instead of pressing arrow keys on a keyboard which is true on a desktop setup. Hence we place the best matching options not at the top of the typeahead menu, but instead put them at the bottom for better reachability and convenience of the user. Tests have been added to verify the emoji and mention render behavior. Fixes zulip#1123. Fixes zulip#1121.
apoorvapendse
added a commit
to apoorvapendse/zulip-flutter
that referenced
this issue
Dec 27, 2024
This commit reverses the list that was originally presented to the user while showing the typeahead menu. This makes sense since on mobile its easier to click on options closer to the input box, i.e. where your fingers are currently present, instead of pressing arrow keys on a keyboard which is true on a desktop setup. Hence we place the best matching options not at the top of the typeahead menu, but instead put them at the bottom for better reachability and convenience of the user. Fixes zulip#1123. Fixes zulip#1121.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
That way they'd be in easy reach. In particular when using a phone with one's thumbs, the top of the screen can often be significantly harder to reach than the bottom (or middle, just above the keyboard).
This is a trickier cousin of:
Trickier because it's not obvious just how the resulting UI should look, visually.
Tricky also because there's a shortage of familiar patterns for it in other apps. I've seen a couple of examples of mobile apps putting the query at the bottom in an interaction like this — in particular both Firefox and Safari's mobile browsers put the location bar there. But even in those two examples, the top result is still at the top.
The text was updated successfully, but these errors were encountered: