Results list on mobile showing 0 items

[johnmal-dev]

Results list on mobile showing 0 items

[johnmal-dev]

[johnmal-dev]

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.

[johnmal-dev]

Dropdown example

[graydonj]

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

[johnmal-dev]

resolved with commit f9bc828