title: Slide parent DIV to top when input field is selected
body: <p>When someone clicks on a specific input field on my website, particularly on a mobile device, I need the parent div of the input field to slide to the top of the page. I need this because the keyboard that pops up covers the entire div below the input field, which is showing the user the items that they are filtering through. I've laid out the problem below graphically. I'd appreciate some guidance here :)</p>
  
  <p>Starting state: </p>
  
  <p><img src="https://i.stack.imgur.com/DULYC.png" alt="enter image description here"></p>
  
  <p>Finished state: </p>
  
  <p><img src="https://i.stack.imgur.com/yc3Ja.png" alt="enter image description here"></p>