I have an input element in the fixed, top header of my app. It works perfectly fine when the page is scrolled all the way to the top.
Unfortunately, if the user scrolls down the page at all, then tries to use the search bar, when the keyboard appears, the entire header scrolls down.
What can I do to make sure the header remains at the top of the screen no matter how far the user has scrolled and regardless of the keyboard's being shown or not?
Can you share how you're styling your header and any parent containers?