Mobile search appears and then disappears very quickly

Hi there,

I have a search bar on the GP theme website that slides down on click. The script for this is below:

<script>
	jQuery(document).on("click",function(){
		jQuery(".cus-icon").slideUp(300);
		jQuery("#search-icon").removeClass('active-srchh');		
	});
	jQuery(".inside-navigation").on("click",function(e){
    e.stopPropagation();
});
	jQuery(".cus-icon").on("click",function(e){
		
    e.stopPropagation();
});
	jQuery(document).ready(function(){
// 		jQuery("#search-icon").css("opacity","0.4");
		jQuery("#search-icon").on("click",function(){
			jQuery(this).toggleClass("active-srchh");
			jQuery(".cus-icon").slideToggle(400);
			jQuery(".orig").first().focus();
// 			jQuery(".cus-icon").toggleClass("active");
			
		});
    jQuery(window).scroll(function(event){
			jQuery(".cus-icon").slideUp(300);
			jQuery("#search-icon").removeClass('active-srchh');			
});
		
		
	});
	
</script>

It works perfectly fine when at the top of the website. However, when scrolling down and then scrolling back up slightly (reshow the menu since it is floating on scroll up with GP option), and you click search on the site (mobile), it appears and quickly disappears.

The code looks all right so I just wanted to know why this is occurring? The search is toggled to disappear on a scroll and it seems GP scrolls when the button is clicked? What's strange is it's not all devices just some (such as iOS) I'm not sure so hope you can help.

You can see the issue with a screen record video here.

Many thanks,