Filter Products by Attribute: the page reload without clicking the filter button on PHP templates

[dinhtungdu]

To reproduce

Steps to reproduce the behavior:

1. On a block theme, go to Edit Site > Product Catalog template.
2. Add Active Filters and Filter Products by Attribute block to the template.
3. Choose an attribute to filter, and make sure the filter button is toggled.
4. Go to the shop page.
5. Select an attribute from the block added in step 2.
6. Click the filter button. See the page reload as expected.
7. See the correct filtered results after page load.
8. Uncheck the selected attribute, see the page reload right away. (It should only reload after filter button is clicked).

Another behavior but same issue:

1. On a block theme, go to Edit Site > Product Catalog template.
2. Add Active Filters and Filter Products by Attribute block to the template.
3. Choose an attribute to filter, and make sure the filter button is toggled.
4. Go to the shop page.
5. Select an attribute from the block added in step 2.
6. Uncheck the selected attribute.
7. See the page reload.

Expected behavior

When filter button is enabled, the page should only reload after the filter button is clicked.

Screenshots

Screen.Recording.2022-04-19.at.19.13.26.mov