Results list on mobile showing 0 items

Question

Results list on mobile showing 0 items

johnmal-dev opened this issue 2 years ago · 5 comments

johnmal-dev commented 2 years ago

Answer 1 · 2023-02-21T20:00:51.000Z

johnmal-dev commented 2 years ago

Answer 2 · 2023-02-22T02:23:59.000Z

Research

After some google-fu, this appears to be a feature (not a bug) for mobile browsers.

The OS/Browser determines the behaviour of <select> elements. In the case of our mobile browsers, we are given a single clickable input (ie '0 items') that opens the complete list of options.

Here's a stack-overflow answer on this topic: https://stackoverflow.com/questions/56344229/display-a-traditional-html-select-list-on-ios

Proposed Solution

If we cannot show the results list without clicking, change the Results list to a single clickable results input button.

Answer 3 · 2023-02-22T02:26:06.000Z

Dropdown example

Answer 4 · 2023-02-22T21:57:40.000Z

Current implementation involves making the select box into a dropdown for mobile-size screens, but we don't love that fix.

Answer 5 · 2023-02-23T13:52:33.000Z

resolved with commit f9bc828