iOS Safari 8输入溢出滚动

Pau*_*ond 16 html css safari mobile-safari ios

我在移动版Safari 8.1版上遇到了表单字段的问题.这似乎是移动版Safari 8的所有版本的错误.

当您在输入中键入文本并且该文本比输入本身长时,光标会在您键入时保持向右移动 - 这是正确的.问题是,当您按住选择并尝试向左移动到隐藏的文本时,您无法滚动.同样,如果在输入外部选择,则无法向右滚动以查看隐藏文本.

您唯一的选择是选择全部并删除.

这个问题的解决方法是什么?我上传了一个包含不同输入类型的示例页面,所有这些行为都存在.

小提琴:http://jsfiddle.net/b7kmxaL6/(访问移动游猎)

<form action="">
    <fieldset>
        <input type="text" class="text">
        <input type="email" class="email">
        <input type="password" class="password">
    </fieldset>
</form>
Run Code Online (Sandbox Code Playgroud)

当我点击并尝试向右拖动时,我无法向右滚动,在模拟器和运行safari 8.x的iOS设备上发生

Eri*_*ois 0

我在为移动设备编码的网络应用程序中看到了同样的问题。

但是,如果您将该网站添加到主屏幕并<meta name="apple-mobile-web-app-capable" content="yes">在 head 中运行它,则问题不会显示:您现在可以通过在输入字段边缘向左或向右移动插入符号来滚动浏览输入文本。