Вкладка полей ввода в мобильном Safari делает переход браузера

Есть ли способ сосредоточиться на поле, но без этой jarring анимации? Особенно плохое поведение, когда клавиатура видна.

Demo

http://plnkr.co/edit/9OydOFO0KUeKuaH8u70A?p=info

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>
  <body>
    <form>
      <input>
      <input>
      <input>
      <input>
      <input>

       ...

      <input>
    </form>
  </body>
</html>

enter image description here

Ответы

Ответ 1

После еще нескольких исследований это, похоже, связано с ошибками, сфокусированными на прыжках в iOS. (https://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios#focus-jumping)

Один аккуратный трюк, который фиксировал его в некоторых случаях, заключался в установке float: left; clear: left; в поле ввода (Прыжки полей ввода в Safari)

Но это исправление не работает, если ему нужно взаимодействовать с элементом position: fixed. Ошибка прыжка сохраняется.