Why is focued state only on second click, not first click?

This is a real head scratcher:

Search function works as intended except for auto focused state
image

<!-- Start Search Auto Focus v1 --> 
<script>
$('.navbar-right').click(function(){$('#search-input').focus()})
</script>
<!-- End Search Auto Focus -->

ive traied various combinations of .class / #id selectors, always with same result, focus on second click.

It only Autofocuses on SECOND Search button click:

I dont know why, lol. It works that way on two other projects on first click.

IO Link: https://deepdiv-iteration-v3.webflow.io/
Share Link (Be sure to turn off preview then turn it back on) : Webflow - DeepDiv Iteration V3

I need to understand why it only works on seond toggle click but not first toggle click.

Thanks!



Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Cross project copy paste containing IX double toggles might be bugged because its reversing the click order in IX2. This might be the cause. How do you reverse it?