Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Refinement list gets populated and empty again when entering search page directly from URL #6293

Open
1 task done
samanthaacosta opened this issue Jul 23, 2024 · 3 comments
Labels
triage Issues to be categorized by the team

Comments

@samanthaacosta
Copy link

🐛 Current behavior

Currently, when entering the search page directly from the URL, the refinement list gets populated, and then, it gets clean again. There's no change on our side, the query is still present on the response (so, it didn't get lost), and the only difference in the response from each time, is the items value.

simplescreenrecorder-2024-07-23_12.52.56.webm

In QA/PROD, this is the behavior:

  • It's calling 5 times in debugger
  • In the first time, items is empty
  • Only in the last time that items get empty
  • In connectRefinementList.js:150:
    • first time, items is empty: status loading
    • second time, items populated: status is not included
    • third time, items populated: status loading
    • fourth time, items populated: status stalled
    • fifth time, items is empty: status idle

I've also tried to update the packages (4.73.2 and 4.19.0), but it only worked for local env, not other environments. We validated and the package was updated on those environments.

In local, this is the behavior (that's the "expected", since it gets the items populated and not empty):

  • It's calling 6 times in debugger
  • In the first time, items is empty
  • Second to last time, items are populated
  • In connectREfinementList.js:150:
    • first time, items is empty: status loading
    • second time, items populated: status is not included
    • third time, items populated: status loading
    • fourth time, items populated: status stalled
    • fifth time, items populated: status loading
    • sixth time, items populated: status idle

🔍 Steps to reproduce

  1. Go to https://nuts.com/search/instant?query=cashews
  2. Check the box on the left side, responsible for rendering the filters
  3. Check that it will populate and then clean the list of facets

Live reproduction

https://nuts.com/search/instant?query=cashews

💭 Expected behavior

The items shouldn't be clear after they are populated.
simplescreenrecorder-2024-07-23_13.04.56.webm

Package version

instantsearch.js: ^4.37.3, vue-instantsearch: ^4.17.5

Operating system

No response

Browser

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct
@samanthaacosta samanthaacosta added the triage Issues to be categorized by the team label Jul 23, 2024
@Haroenv
Copy link
Contributor

Haroenv commented Jul 24, 2024

Has this always happened or only since a certain version or change you've done? Can you reproduce this outside of the nuts website?

@samanthaacosta
Copy link
Author

This hasn't always happened, we are not sure where this started, but we believe it was when we updated the vue to 3.4.31. I can help with the stack traces and debugging the nuts website

@Haroenv
Copy link
Contributor

Haroenv commented Jul 24, 2024

The best way to get to a solution here is first a minimal reproducible example, do you think you could make that? thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
triage Issues to be categorized by the team
Projects
None yet
Development

No branches or pull requests

2 participants