Having trouble with vue-instantsearch, infinitescroll and paging.
The docs have code to increment page number and this works initially, but say the user changes a refinement or types more into the search - then we need to reset the page # to 1. How to do that?
Is there an event we can pick up to see when a query changes? using the simple non-searchstore way hopefully.
Also useful would be an event to let us know when a page of results is added to the stack. Only once that is added should we allow page # to increment.
(sorry if my terminology is off, new to vue)
replicated on the docs demo https://community.algolia.com/vue-instantsearch/examples/infinite-scroll.html which has 12 items per page
- scroll down a bit, say 10 pages. Note the title top left rises to Page 10, that’s the last page of results requested. 120 results shown now.
- go back up to the top and search for product ‘hanger’.
- 61 results returned, but you will only see 12 and scrolling to the bottom of the page doesn’t load more.
Reason is, I guess, it’s looking for a non-existant page 11, should be looking for page 2.