title: Mobile Safari - Input caret does not scroll along with overflow-scrolling: touch
body: <p>I know that Mobile Safari won't fire events while in "momentum" (-webkit-overflow-scrolling: touch;) scrolling. But this is not entirely the same thing, because Safari handles the (blinking) caret of an input internally.</p>
  
  <pre><code>&lt;div id="container"&gt;
      &lt;input type="text" /&gt;
      &lt;div class="filling"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  #container {
      position: absolute;
      top: 20px;
      bottom: 20px;
      width: 50%;
      -webkit-overflow-scrolling: touch;
      overflow-y: auto;
      border: 1px solid black;
  }
  
  input {
      margin-top: 60vh;
  }
  
  .filling {
      height: 200vh;
  }
  </code></pre>
  
  <p>Try this fiddle on your device (focus the input and then scroll): <a href="https://jsfiddle.net/gabrielmaldi/n5pgedzv" rel="noreferrer">https://jsfiddle.net/gabrielmaldi/n5pgedzv</a></p>
  
  <p>The issue also happens when you keep your finger pressed (i.e. not only when giving it momentum and releasing): the caret fails to scroll.</p>
  
  <p>Obviously I don't want to turn off overflow scrolling, if there's no way to fix the caret so it will scroll correctly, it would be OK to hide it.</p>
  
  <p>Thanks</p>