Search Icon Issue in Sticky Navigation

Hi,

Looks like it's a bug. I've forwarded to Tom to have a closer look.

Thanks for letting us know :)

Leo,

thank you very much.

Thanks for reporting this! I'll get a fix out ASAP :)

Awesome guys, thank you.

Hello Tom,

could you please give me a sitrep on that fix? It has been almost 2 weeks and I just wanna know if I should still be looking forward to seeing this fixed.

Thank you

Yes, we're hoping to have this fixed in GPP 1.6, which is due out around the middle of this month.

It's not an easy issue to fix unfortunately, as iOS does some funky stuff when the keyboard is enabled.

Hello Tom,

thank you very much for this update.

Good luck with everything.

This is a painful bug in iOS when you have a focused input inside a sticky element. There isn't a great solution out there (unbelievably).

For now, we've added this javascript to the plugin so it at least scrolls you to the top:

<script>
    jQuery( document ).ready( function( $ ) {
        if ( navigator.userAgent.match( /(iPod|iPhone|iPad)/ ) ) {
                var body = $( 'body' );
		if ( body.hasClass( 'sticky-enabled' ) || ( body.hasClass( 'mobile-header' ) && body.hasClass( 'mobile-header-sticky' ) ) ) {
			$( document ).on( 'focus', '.navigation-stick .search-field', function() {
				$( 'html, body' ).animate({ scrollTop: 0 }, 'fast' );
		  	} );
		}
	}
    } );
</script>

Great solution? Not really. Better than most of the hacky/glitchy solutions out there? I think so.

Going forward, I'll obviously be trying to find a more permanent solution.

Hello Tom,

thank you very much for the update, but I am still having the same "situation" on the Ipad, do I need to add a function or something or is there going to be a theme update or does it kinda suppose to work from now on?

Because right now everything is like it was, all good on desktop, scrolls me to the top on the Ipod, but not on the Ipad.

Thank you

The above code will be implemented in GPP 1.6.

For now, you can copy it and paste it into the wp_footer hook in GP Hooks.

Ok, awesome, thank you very much.

No problem!