iOS7改变了整个野生动物园视图

时间:2014-06-11 17:24:51

标签: extjs ios7 safari

我在iOS7中看到一些奇怪的行为,我的应用只能在iOS7中演示。

当键盘从底部上升时,它会向上推屏幕以聚焦输入框。在键盘被解除后,灰色空间保持原样,使窗口的其余部分向上推。下面的图片将展示我在说什么。

我在这个网络应用程序上使用Sencha。

虽然图像显示分割键盘,但分割和非分割键盘都会出现这种情况

Image 1. Screen at rest Image 2. Pop keyboard up Image3. Keyboard remains

我可以在灰色空间中向下滑动以将视图的其余部分带回屏幕,但这不是解决方案。

这种行为的原因是什么,我该如何避免?

1 个答案:

答案 0 :(得分:0)

以下是我发送的稍微修改过的电子邮件,说明了原因:

在为我们的键盘问题寻找答案但空手而归之后我想我发现了什么。它似乎与iOS 7中的错误有关。

查看附带的'normal_behaviour.jpg'文件。这显示了分离键盘从iOS 6到iOS 8的外观。我在Apple网站上选择的输入字段位于页面顶部附近。当我触摸它时,网页略微滑动以确保输入字段仍然可见。

在随附的'unwated_behaviour.jpg'文件中,我发现了一个靠近屏幕底部的输入字段并将其选中。在iOS 6和iOS 8上,键盘覆盖了输入字段,但是在iOS 7上,整个网页都被滑动,因此您可以看到输入字段,从用户友好的角度来看这很棒,但是当键盘被解除时,灰色键盘保留的区域,网页的其余部分不会滑回原位。

另外值得注意的是,一旦您使用分离键盘选择页面底部附近的输入字段,您就可以在同一个Safari会话中显示的任何其他网站中滑动到网页末尾之外。你可以在'buggy_behaviour_other_pages.jpg'中看到一些例子。

当然,对于我们的应用程序,我们实际上使用Safari webview来显示页面,因此在使用Split键盘时我们容易受到同样的问题的影响。问题并不在于全键盘问题。

不想要的行为。 Unwanted behaviour.jpg

++++++++++++++++++++++++++++

正常行为 Normal behaviour

++++++++++++++++++++++++++++

其他页面的Buggy行为 Buggy behaviour other pages