Reply To: Horizontal results not showing little base scroll bar

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Horizontal results not showing little base scroll bar Reply To: Horizontal results not showing little base scroll bar

#11501

Ernest Marcinko
Keymaster

Hi!

Thank you for your kind words!

It took me a while, but I found why it's not displaying properly. There is this CSS rule, that applies to all menu elements and their descendants as well:

.wsdownmenu-list * {
    transition: all .3s ease;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: initial;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

This is basically a 300ms ease type of transition, which is applied to anything within the menu, including the results box. This delays the rendering of the results by 300 milliseconds and the scrollbar script does not detect the item widths and heights correctly (I'm guessing).

The solution is very simple. Just add this custom CSS rule, to make an exception of this effect for the ajax search pro elements, and it should start working properly again:

.wsdownmenu-list .ajaxsearchpro * {
    transition: none !important;
}
Best,
Ernest Marcinko

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