grantmakers/grantmakers.github.io

CurrentRefinement buttons overflow off page on mobile

Closed this issue · 2 comments

The problem:
v2 of the currentRefinements widget allowed for a button per each refinement selection. v3 buttons have one button per facet category (e.g. multiple selections per facet appear on a single button). The result is the button will overflow off the page. This is particularly prevalent on mobile.

Unless Algolia adds the templates option back to the currentRefinements widget, will require lots of additional connector code.

Adding to #someday for now as very few visitors use multiple facets on mobile.

The alternative is to simply hide currentRefinements on mobile (and perhaps add a filter count to direct user back to refinements slide-out)

Decision: Remove from mobile for now (as very few visitors use multiple facets on mobile)