为什么在firefox中键入textarea会导致屏幕滚动?

时间:2012-08-24 08:08:27

标签: javascript firefox javascript-events jquery-isotope

我在firefox中遇到的同位素插件遇到了一个令人难以置信的奇怪问题。我的每个同位素元素都有一个textarea,当我向下滚动到底部并键入其中一个textareas时,屏幕会跳到顶部。我在jsfiddle中重现了这个:

http://jsfiddle.net/galtschul/WfTZ5/

我已经看了好几个小时了,无法弄清楚是什么导致这个卷轴甚至开火。会爱一些帮助!

谢谢!

2 个答案:

答案 0 :(得分:1)

所以,问题不在于同位素。问题是在scale3d和/或transform3d发生后firefox呈现textareas的方式存在一个错误。它最终“思考”textarea位于左上角,这就是它跳到顶端的原因。这是在Mozilla的bugzilla上提交的两个错误:

2011年11月:https://bugzilla.mozilla.org/show_bug.cgi?id=703241 2012年7月:https://bugzilla.mozilla.org/show_bug.cgi?id=778761

在应用相同的转换后,Chrome也会遇到渲染问题。即,渲染插入符号。我在Webkit的bugzilla上提交了一个新的,但很快就得到了Webkit开发人员的证实。

以下是错误示例:http://jsfiddle.net/galtschul/StbKg/

在单击按钮之前单击任何可编辑框,并看到插入符号正确呈现。然后单击按钮,它将缩放文本区并观察光标不闪烁...键入几个字符然后向左箭头观察插入符号不移动...然后再次键入以观察插入到预期的字符。

以下是错误报告:https://bugs.webkit.org/show_bug.cgi?id=94985

急切等待修复!!

答案 1 :(得分:0)

正如我所观察到的,它归因于.isotope-item {position:absolute}属性。 尝试了很多,但实际上无法找到解决方案。