Catalog Facets Broken on Mobile

[btylerburton]

Dataset filtering on mobile is broken and/or confusing. To ensure a satisfactory experience while using the catalog on mobile devices, fixes need to be made to catalog search UI.

Vanilla CKAN demo does not have this problem. We should back out our customizations in datagovtheme until we can reproduce the same results as vanilla CKAN.

Data.gov Catalog

Demo CKAN (src)

How to reproduce

1. Visit catalog.data.gov/dataset on a mobile device
2. Observe that the facets are displayed on page load, instead of being hidden.
3. Click the "Filter Results" button
4. Observe that a modal close "X" button is rendered, with no content, and that the page is locked until that button is clicked once again to remove it.

Expected behavior

1. Facets should be hidden on mobile
2. Clicking filter results should open a modal which displays the hidden facets.

Actual behavior

1. Facets are displayed by default
2. Clicking filter results button opens a non-existent model

Sketch

• Remove whatever template in datagovtheme is overriding vanilla CKAN behavior.
  • Use https://demo.ckan.org/dataset as a guideline for correct behavior
• Ensure:
  • Facets are hidden by default on mobile
  • Clicking the Filter Results button brings up a modal with all facets that are clickable
  • Search query box is not custom but mirrors the UI of appearance of vanilla CKAN

[nickumia]

Look at that sketch! Easy 😉