AlexsLemonade / AlexsLemonade/refinebio-web

Empty search results view when invalid filter options are selected during loading

Open
#508 0 comments 0 reactions 1 assignee Claimed by @nozomione View on GitHub
QA
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._"

![Image](https://github.com/user-attachments/assets/44777df6-7e6b-449b-8153-ad3f40cd17ee)

### 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.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.