[bug]: price filter incorrectly fetches/displays

[sirugh]

Describe the bug

In the event that a different price filter is applied after a price filter is already applied, the query will only be for the first price filter, not the combination of the two.

This behavior might be interpreted as a bug but is actually a mis-implementation of the UI for the price filter which only allows a "range" ie { "from": "0", "to": "100" }.

We have several options for "fixing" this, which I will detail below.

To reproduce

Steps to reproduce the behavior:

1. Go to https://develop.pwa-venia.com/default/venia-bottoms/venia-pants.html
2. Click Filters and select Price > 100-200 and "See Results"
3. Click Filters and select Price > 0-100 and "See Results" (don't clear the previous filter)
4. See that the products are still those for the 100-200 price filter. The network will also show that only the 100-200 filter is sent in the query.

Expected behavior

Either:

• The price filter should use a single select "radio" instead of a checkbox or
• The price filter should use a slider allowing values from 0 to X where X is the greatest value in the available price filters list (for example: $200, in this case)

Screenshots

Possible solutions

We should investigate possible solutions of combining filters into a range, if they are sequential such as 0-100 and 100-200 or if it is even possible to send more than one filter if they are not sequential, such as 0-100 and 200-300.

[m2-assistant]

Hi @sirugh. Thank you for your report.
To help us process this issue please make sure that you provided sufficient information.

Please, add a comment to assign the issue: @magento I am working on this

---

• Join Magento Community Engineering Slack and ask your questions in #github channel.

[sirugh]

@magento export issue to JIRA project PWA as Bug

[github-jira-sync-bot]

✅ Jira issue https://jira.corp.magento.com/browse/PWA-1711 is successfully created for this GitHub issue.

[huykon]

@sirugh this should only 1 selected of that, right?

[sirugh]

I'm not sure if these are supposed to work like single select radios or multi select checkboxes. Two questions -

• Is it possible to query gql with two or more price filters?
• What does Luma do?

If we can answer those questions we will have a good idea of what we need to do here ☺️

[huykon]

1. I think price filters must 1
2. The Luma theme only support single select for this

[sirugh]

Ok I'll verify #1 and update this issue when I get back Tuesday :)

[sirugh]

Ok - I updated the description of this ticket. We still need to have our PM/UX evaluate this issue and provide guidance for desired solution.

[Sahilsks]

@magento I am working on this

[glo80771]

Able to reproduce the issue and hence the issue is confirmed

[glo42707]

@adobe export issue to JIRA project PWA as Bug

[github-jira-sync-bot]

✅ Jira issue https://jira.corp.adobe.com/browse/PWA-3162 is successfully created for this GitHub issue.