Search results are jumping when hitting "more results" button

[Lmobile29]

Dear support

we noticed a issue regarding the front end search results. We replaced the theme search via your plugin. Everything works fine, but

If you usse searchfield with a phrase with more matches like in our case “webcast” and you use the “more results” button at the end – the searchbox filed jumps to the very left of the page. Please try by your own.

Any idea to fix that?

Best Regards Marc

[Ernest Marcinko]

Hi Marc,

The problem is caused by the chain of events, that happens when the user clicks that link. The theme hides the pop-up search container, I guess it is programmed to do so, when losing focus. The plugin tries to maintain the results position, but the container is no longer presents, so it attaches it to the closest visible position, the corner of the screen.
The issue is, that the pop-up container closes when clicking outside the search box. Unfortunately there is no way to prevent that, as it is part of the theme, and the theme source script files would have to be edited for that.

There are however a few tricks you can try, either of these should work:
Solution 1
Changing the results container layout from “hover” to “block” – this will cause the results container to be the “part” of the pop-up box, so the click will not register as an outside event, and the search box will not close. I think this is the best possible option.

I would also suggest this optional custom CSS with this solution, to get the best possible layout:

#menu-item-search .avia-search-tooltip.avia-tt {
    border: none !important;
    background: transparent;
    box-shadow: none;
}

Solution 2
Turning off the more results feature.

Solution 3
Enabling the visiblity detection. This will however close the results box when the user clicks on the more results button.

[Lmobile29]

Dear Ernest

thank you for help. We try solution 1.

Best Regards Marc

[Author]

Posts