Search results are jumping when hitting "more results" button

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Search results are jumping when hitting "more results" button

This topic contains 2 replies, has 2 voices, and was last updated by Lmobile29 Lmobile29 4 years, 2 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #25699
    Lmobile29
    Lmobile29
    Participant

    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

    #25704
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    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.

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #25708
    Lmobile29
    Lmobile29
    Participant

    Dear Ernest

    thank you for help. We try solution 1.

    Best Regards Marc

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.