AlexsLemonade / AlexsLemonade/refinebio-web
Empty search results view when invalid filter options are selected during loading
- Dominant language
- JavaScript
- Stars
- 1
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
### Context
During Engineering QA testing, Avrhom identified a bug:
"_If a filter is clicked, and then, while the results are loading, a second filter is clicked, which together would yield an invalid pair, a blank search bar is render._"

### Problem or idea
We implemented interactive filtering on the client side:
- When a filter option in one category is selected, the options in other categories update, except for the selected category.
- When a second category is applied, all categories update while retaining the options from the second category, and so on.
We re-fetch the available filter options from the API and track the filter category order that the user selects in order to keep the options from the selected categories.
This behavior matches the current version of refine.bio (see related issue [#374](https://github.com/AlexsLemonade/refinebio-frontend/issues/374#issuecomment-435426464)).
The bug could occur when:
- The second filter is selected before all options finish loading that potentially results in invalid combinations.
- Users with low bandwidth experience delays in updating filter options.
### Solution or next step
Here are a few potential ideas to address this bug:
- Disable filter selection by visually dimming or graying out the checkboxes.
- Add a loading indicator to indicate when filter options are still loading.
These approaches will help prevent accidental selections while the options are loading.
We should determine the best approach to handle filter interaction during the loading process.
Tagging @davidsmejia , @avrohomgottlieb , and @dvenprasad for insights
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.