Mobilne Safari - karetka wejściowa nie przewija się wraz z przewijaniem: dotknij

Wiem, że Mobile Safari nie uruchamia zdarzeń, gdy przewija się „momentum” (-webkit-overflow-scrolling: touch;). Ale to nie jest całkowicie to samo, ponieważ Safari obsługuje wewnętrzną (migającą) karetkę wejścia.

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

Wypróbuj to skrzypce na swoim urządzeniu (ustaw je, a następnie przewiń):https://jsfiddle.net/gabrielmaldi/n5pgedzv

Problem pojawia się również wtedy, gdy trzymasz palec wciśnięty (tzn. Nie tylko podczas nadawania mu pędu i zwalniania): karetka nie przewija.

Oczywiście nie chcę wyłączać przewijania przepełnienia, jeśli nie ma sposobu na poprawienie kursora, aby przewijał się poprawnie, byłoby dobrze ukryć go.

Dzięki

questionAnswers(10)

yourAnswerToTheQuestion