虚拟键盘/滚动奇怪的事件

时间:2014-09-11 21:49:00

标签: javascript mobile meteor

看看发生了什么:

我正在使用来自Ephox(TinyMCE的制造商)Textboxio的这个新库。在与其他大多数人发生问题之后我切换到它(如果这篇文章失败了,我正在编写自己的文章。) 这是一个html5 wysiwyg编辑器。移动版本选项是给我带来问题的。它有一个很酷的全屏编辑器,易于在移动设备上使用,但是>

问题:iOS - 当软键盘打开时,一切都很棒。键盘关闭后,页面平移和/或缩放,编辑器中的字体大小增加大约2倍,可能是1.5倍。捏缩放也关闭窗口 - 这是最糟糕的部分[缩小到只是缩小或两个手指放在一起时,放大似乎没有效果]。

Android - 这可能是一个真正的错误。当全屏功能解析页面时,找不到我的固定顶栏。目前正在努力解决这个问题。

我的演示很糟糕:http://below9k.info:8080/tbio_test

他们的演示工作正常。 http://ephox.com/textbox.io位于底部。

我需要一种在iOS上调试的方法:(

[EDIT for Betterness]

1 个答案:

答案 0 :(得分:1)

Textbox.io开发人员。

关于元素不是它们呈现的位置,看起来您试图手动覆盖.ephox-polish-fullscreen-maximized以包含边距,以便始终显示您的顶部导航栏。对于移动设备,我们故意在设计中采用全屏设计,不幸的是,我们执行了一系列计算以将内容保留在iOS上的可编辑视图区域中。您的保证金的增加抵消了这一点,并使看起来很有趣的行为。

出现字体大小问题时,光标将采用与其前面的图像相同的线高。在这种情况下,它是一个大图像,所以它看起来有点时髦。我们计划在未来的版本中修复此问题,但您也会在其他主流编辑中找到类似的问题。 您会注意到在图像后按下输入,光标大小将恢复正常。

最后,我注意到您已将内容设置为不包含在块标记中的内容。这实际上在我们的结尾引起了编辑器中的一个错误,这导致输入密钥行为的行为很有趣。很抱歉 - 我们很快就会解决这个问题。但是,目前,如果您在<p></p>中设置内容,那么您应该找到一些更好的行为。