iOS Safari 8输入溢出滚动 [英] iOS Safari 8 input overflow scroll

问题描述

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

当您在输入中键入文本，然后文本长于输入本身时，光标在您输入时保持移动 - 这是正确的。问题是当你按住选择并尝试向左移动到隐藏的文本，你不能滚动。同样，如果您在输入外选择，则无法向右滚动以查看隐藏的文本。

您唯一的选择是选择全部并删除。
$ b

此问题的任何解决方法？我已上传了具有不同输入类型的示例页面，所有这些类型的行为都存在。

小提琴： http://jsfiddle.net/b7kmxaL6/ （访问移动safari）

 < form action => 
< fieldset> 
< input type =textclass =text> 
< input type =emailclass =email> 
< input type =passwordclass =password> 
< / fieldset> 
< / form> 
  

解决方案

这是一个Safari错误。

上面有一些解决方法。

I have an issue with form fields on mobile Safari, version 8.1. This appears to be a bug with all version of Safari 8 on mobile.

When you type text into an input and that text is then longer than the input itself, the cursor keeps moving right as you type - this is correct. The problem is when you hold to select and try to move left to the text that is hidden, you cannot scroll. Likewise, if you select outside the input, you cannot scroll right to view the hidden text.

Your only choice is to select all and delete.

Any workaround to this problem? I have uploaded a sample page with different input types, the behaviour exists in all of them.

Fiddle: http://jsfiddle.net/b7kmxaL6/ (Visit in mobile safari)

<form action="">
    <fieldset>
        <input type="text" class="text">
        <input type="email" class="email">
        <input type="password" class="password">
    </fieldset>
</form>

解决方案

This is a Safari bug.

There are a number of workarounds posted above.

这篇关于iOS Safari 8输入溢出滚动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！