Refine List selected item Placement

Hey folks, I’m wondering, is there a way to keep the selected refined item in place instead of moving to the top of the list when selected?

Thanks

Hi @jhamilton, yes you can do so by using the sort-by option of Vue InstantSearch components: https://community.algolia.com/vue-instantsearch/components/menu.html

By sorting alphabetically for example or just count then you will have a static list instead without things moving too much.

Nice, thanks @vvo! That did the trick. One more question if you don’t mind :slight_smile:

I thought I saw in the docs a way to limit the number of refined items (limit=10) and then show a “Show More” link to display more. Can’t seem to find that anymore. Can this be done anymore?

@jhamiltonnot in vue instantsearch v1 I believe, but in other flavors of InstantSearch. I encourage you to check and try out Vue InstantSearch v2 here: https://v2–vue-instantsearch.netlify.com/components/menu

cc @haroen

1 Like