I noticed a minor UI bug when single-select filters are enabled in the collapsible filters view on mobile. On desktop version of my single-select & collapsible filter setup, the filter options appear as circle-selectors (indicating to the user you may only select one). On mobile view however, the filter selectors are squares (indicating multi-select), although users are correctly not able to select more than one option. See screenshots for a clearer visual explanation.
We’ll likely want to improve the UI on this to avoid any confusion for users.
Good catch – the square radio buttons are actually native to iOS, so lots of people have experienced that problem. (It’s the case with or without the collapsible filters.)
We typically shy away from custom checkbox styling just because browser compatibility can be tricky. That said we have made exceptions in the past – I can certainly discuss further with our engineers, and add this request to our backlog. In the interim, if you’d like to experiment with the border radius as that post suggests, that might be a good place to start!
