The problem is that the menu actually makes a DOM clone of the search bar in mobile view, so the same searcb bar is ‘copied’, creating invalid HTML and loss of attached event handlers. This is a very bad practice, and it cannot be resolved with any custom code or option – as the issue is caused by the html cloning itself.
I hope designers will stop using this copy/clone method in menus once and for all, and use CSS media queries instead for much better compatibilty. It is already very rare, but still used.Best,
If you like my products, don't forget to rate them on codecanyon :)