Mobile Safari - Le curseur d'entrée ne défile pas avec le défilement à débordement: touchez

Je sais que le navigateur Safari Mobile ne sera pas déclencher des événements tout en un "momentum" (-webkit-débordement-défilement: appuyez sur;) défilement. Mais ce n'est pas tout à fait la même chose, parce que Safari gère l' (clignotant) signe d'une entrée en interne.

<div id="container">
    <input type="text" />
    <div class="filling"></div>
</div>

#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;
}

Essayer ce violon sur votre appareil (mise au point à l'entrée puis faites défiler la page): https://jsfiddle.net/gabrielmaldi/n5pgedzv

Le problème se produit également lorsque vous maintenez votre doigt appuyé (et pas uniquement au moment de donner un élan et libérer): l'accent circonflexe ne parvient pas à faire défiler.

Évidemment, je ne veux pas désactiver le dépassement de défilement, si il n'y a pas moyen de fixer le curseur afin de faire défiler correctement, il serait OK pour le cacher.

Grâce

source d'informationauteur gabrielmaldi