ios – 移动Safari – 输入插入符不会随着溢出滚动滚动：touch

我知道移动Safari不会在“动量”(-webkit-overflow-scrolling：touch;)滚动时触发事件.但是这并不完全相同,因为Safari在内部处理输入(闪烁)插入符号.

<div id="container">

    <input type="text"></input>

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

尝试在您的设备上的小提琴(对焦输入,然后滚动)：http://jsfiddle.net/gxT3w

当您保持手指按压(即不仅在给予动量和释放)时,也会发生此问题：插入符无法滚动.

显然,我不想关闭溢出滚动,如果没有办法修正插入符号以便它正确滚动,可以隐藏它.

谢谢

解决方法

这确实是一个WebKit错误,似乎没有已知的解决方法.

@cvrebert filed的bug：

> WebKit：https://bugs.webkit.org/show_bug.cgi?id=138201
>苹果雷达：http://openradar.appspot.com/18819624