我在 Firefox 中遇到了一个非常奇怪的同位素插件问题。我的每个同位素元素中都有一个文本区域,当我向下滚动到底部并输入其中一个文本区域时,屏幕会跳到顶部。我在 jsfiddle 中复制了这个:
http://jsfiddle.net/galtschul/WfTZ5/
我已经看了好几个小时了,甚至无法弄清楚是什么导致了这个卷轴被触发。希望得到一些帮助!
最佳答案
所以,问题不在于同位素。问题是在发生 scale3d 和/或 transform3d 之后,firefox 如何呈现文本区域存在一个错误。它最终“认为”文本区域位于左上角,这就是它跳到顶部的原因。这是在 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
急切等待修复!!
关于javascript - 为什么在 Firefox 中的文本区域中键入会导致屏幕滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12105440/