Inconsistent search results on the /shops page: Input box vs. address bar

[filipefurtad0]

Description

Relates to https://github.com/openfoodfoundation/openfoodnetwork/issues/9643 Relates to https://github.com/openfoodfoundation/openfoodnetwork/issues/5467

On the /shops page, any string added will change the URL (it can be seen on the address bar during typing). However, the results of the query will depend on whether it was performed on the search box or via URL (perhaps not very used).

Expected Behavior

Both methods should yield the same result.

Actual Behaviour

If a query is performed on the:

• address bar with a string not corresponding to any shop -> no results are displayed
• on the search field -> all results are returned (issue #5467)

Steps to Reproduce

1. On a different session: Open your browser and visit /shops. Type qwertyuon the search box -> see the result (pic below, left)
2. Open your browser and visit the home page. Add /shops#/?query=qwertyu to the address bar -> see the result (pic below, right)

Animated Gif/Screenshot

Workaround

Retry by typing the URL in the address bar. Restarting the browser may also help.

Severity

bug-s3: a feature is broken but there is a workaround

Your Environment

• Version used: v4.2.11
• Browser name and version: Firefox 104
• Operating System and version (desktop or mobile): Ubuntu 20.04

Possible Fix

[filipefurtad0]

This seems to be a bit browser dependent :eyes: Behavior between chrome and firefox is not the same. I'll investigate and add to this comment.

Edited:

Left - Chrome; Right - Firefox

Chrome Version 105.0.5195.52 (Official Build) (64-bit)

• Red Berries in the search field translates into Red%20Berries :+1:
• pasting the URL with the query yields the correct result :+1:

Firefox 104.02 (64-bit)

• Red Berries in the search field translates into Red Berries (empty space on the URL) :-1:
• pasting the URL with the query yields all results :-1:

Screencast from 09-09-2022 13:42:11.webm

The bug is verified in both, but the workaround only works on Firefox if one restarts the session :eyes: