Search bar icons are out of place / results-as-you-type not working in Chrome

[David BrandtParticipant]

Hi, I am using the Ajax Search Pro bar on this page: http://www.biblicalmedia.com/questions/

However, in Chrome, blinking cursor seems to be several pixels below where it should be (below the box, off center, etc.) Then, when I begin typing, the words I type are properly centered, but the icons on the left and right (the drop down arrow and the magnifying glass) suddenly move out of their positions. (See attachment) In Firefox, from the moment the page loads, these icons are out of place. How can I fix this?

Also, the search results do not appear as I type on Chrome. They work on Firefox, but not Chrome. Is there a way to fix this as well?

Thanks!

[Ernest MarcinkoKeymaster]

Hi!

The theme stylesheet is causing the problem, it overrides the input field style and that’s the reason why it looks strange. Try to add the following code into the custom CSS field, which you can find on the search plugin “Theme Options->Custom CSS” tab: (https://i.imgur.com/ns4vcKl.png)

div[id*="ajaxsearchpro1_"] .probox .proinput input {
    padding: 0px !important;
    border: none !important;
}

This should fix the icon and the input (blinking cursor) issue as well.

As for the results, I’m currently testing on chrome, but everything looks fine to me. I tried several keywords and I got results so far: https://i.imgur.com/3IDbqu5.png

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

[David BrandtParticipant]

Thanks!

1. The custom css worked perfectly! (Now, if I ever update your Ajax Search Pro plugin, will my custom css disappear? (Will I have to re-enter it each time I update the plugin?))

2. When I open http://www.biblicalmedia.com/questions/ and begin typing ‘Bible’ in the search bar in Chrome on a Windows 7 (non-touchscreen) computer, the results start to appear automatically. The same happens on Firefox on Windows 7 and Windows 8.1 (touchscreen).

However, when I start typing ‘Bible’ in the search bar in Chrome on a Windows 8.1 touchscreen computer, the results do not appear underneath until I press ‘Enter’. Any reason why that happens, or a way to fix it?

Thanks again! Your tech support is top-notch!

-Dave

[Ernest MarcinkoKeymaster]

No problem!

1. No worries, it won’t disappear on updates.

2. I see now. It’s not related to chrome, it’s because of the touchscreen. It’s an intended behaviour because some mobile devices had issues with disappearing keyboards, so I rather had it disabled. The next version will have it enabled, unless I find an issue with it. (so far it’s working)

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

[David BrandtParticipant]

ok. great! thanks!

[Author]

Posts