Input carriage floating over a fixed layer while scrolling

Question

In iOS Safari, when we have a fixed title and scrollable content under it, when scrolling, the input is correctly hidden by the title, but the blinking cursor remains above it.

Reproduced in iOS 9.2.1 and 9.3 beta p>

Here is the code for testing in iOS safari [ http://jsbin.com/hoxuxu/edit?html,css,js,output]

Answer 1

Did you find a solution to this problem?