Two search boxes on one page in Gatsby apps don't work correctly about site-search-360-react HOT 10 CLOSED

I see, browser cache, thought about Gatsby's cache. Seems like working now. But let me do a production check tomorrow. I'll close the issue, if it works in production.

from site-search-360-react.

I did take a different approach (since reloading the script should not be necessary) - I've fixed this within our generic js plugin, but had to upgrade this component to our v14 script (mainly some minor style changes for search suggestions), since the v13 isn't being maintained anymore.

Can you please try to update the plugin to the 0.3.1 version and see whether this solves the issue for you? It did work as expected for me.

from site-search-360-react.

Thanks. The new component works as expected in our production site.

from site-search-360-react.

Nope, not really. Now, the issue has gone using the search button. Using Enter key produces still two inputs. I published a new bug reproduction version. Observe the config.

from site-search-360-react.

A quick fix would be using a copy of the ss360Config and giving an alias to both checkboxes:

<SiteSearch360 siteId={SITE_ID} ss360Config={JSON.parse(JSON.stringify(ss360Config))} alias="sb1" />
<SiteSearch360 siteId={SITE_ID} ss360Config={JSON.parse(JSON.stringify(ss360Config))} alias="sb2" />

I'll take a look whether we can improve this behavior on our side.

from site-search-360-react.

I'll wait a few days. It's already a work around on production page, using only one search box. We can live with that for some days more.

from site-search-360-react.

Please retest (and make sure the v14.1.85 is loading for you --> clearing the cache might be necessary).

from site-search-360-react.

Nope. Did You forget pushing changes? Don't see any.

npm install --save site-search-360-react@latest
gatsby clean; gatsby develop  // same with build and serve

1. Visit http://localhost:8000/
2. Click "Go to another page"
3. Perform Search (press Enter)

The result box includes two input fields.

The script version seems correct.

from site-search-360-react.

You need to check the developer console to see what script version exactly is being loaded. This was fixed in the js plugin, not within this component.

from site-search-360-react.

Does work as expected. Thanks.

from site-search-360-react.