title: focus on input in sticky bar force page to scroll to top
body: <p>I have the following situation:
  responsive site, sticky header and search input in the sticky header.</p>
  
  <p>The problem appears on phone &amp; tablet when I scroll the page and click the search input, it focus on the input field and show the phone keyboard and scroll the page to where the input field is in the DOM (which is in the beginning of my html code)</p>
  
  <p>How to prevent scrolling to top, and have focus on my search bar?
  I'm not sure if I've explained it clearly. That's why I'm attaching a video with the problem - <a href="https://youtu.be/7UOiDmEvp4U" rel="nofollow">https://youtu.be/7UOiDmEvp4U</a></p>