The search function is not working correctly on Mac

[tomecb]

Hello,

Please see my screen shots attached and comments below.

Screenshot 1
Screenshot 2
Screenshot 3
Screenshot 4

Firefox
Text is cut off when typing in the search area
Header text on the search page is cut off and you can’t click on the results

Chrome
Cannot type is the search area

Safari
Can’t see the text in the search when typing
Can’t see the text in the search results

[christopher]

Hi there,

That is strange, if you check the website in Chrome with Mac and click on the search icon before the site loads completely it works with no problem. But as soon as completion is finished the search section breaks.

That shows a plugin must have some sort of Javascript or CSS code which overrides the default functionality of the theme and has conflict. I suggest that you follow the steps below:

1. Ensure everything is up to date according to our version compatibility list here. Please follow the best practices when updating your theme and plugins. Click here for more information.
2. Change the theme of the website from Child Theme to Main Theme and see if it fixes the problem. If yes this shows there is a customization on your Child Theme which is causing the issue.
3. Clear all caches including browser cache then deactivate your caching plugins and other optimization plugins.
4. Test for a plugin conflict. You can do this by deactivating all third-party plugins, and see if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.
5. Remove custom CSS and Javascript from the options or Child Theme and test the case.

Thank you.