ACE编辑器问题-网页跳转编辑器选择

Question

在我的网页上，我正在使用Javascript中漂亮的ACE编辑器。然而，我遇到了一个问题，我一直找不到答案。

有时，当我在编辑器中选择文本时(或者只是在编辑器中单击)，网页将迅速跳到几百像素。我一直无法消除这一问题，但我发现一些更有可能发生这种情况的情况：

• 网页不是全屏的。
• 页面上有不止一个ACE编辑器。
• ACE编辑器并不是完全可以看到的(它的一部分在寡妇的上方或下面滚动)

以下是一些截图，让你对我的意思有所了解。

1. 在我点击编辑器之前..。
2. 在我点击编辑器后..。
3. 向下滚动这样你就可以再看到编辑了..。

每次在编辑器中单击时都会发生这种情况，直到我使用箭头键取消选择为止。

我已经检查过，以确保我使用的是最新版本的ACE，并尝试删除我的大部分额外的Javascript操作它。我唯一不能指出的是，任何代码都是问题所在。如果我只让这个Javscript使用编辑器，就会发生这种情况。我已经有系统地删除了所有的东西，现在仍然是这样。

var validatorEditor = ace.edit("custom-validator-editor");
validatorEditor.$blockScrolling = Infinity;
validatorEditor.setTheme("ace/theme/xcode");
validatorEditor.session.setMode({ path: "ace/mode/c_cpp", inline: true });
validatorEditor.resize();

var generatorEditor = ace.edit("output-generator-editor");
generatorEditor.$blockScrolling = Infinity;
// generatorEditor mode is set dynamically later on usually
generatorEditor.setTheme("ace/theme/xcode");
generatorEditor.resize();

有什么想法或建议吗？

谢谢!

Answer 1

经过几个小时的深入研究，我发现一些CSS引起了这个问题，即

.parent-div{
    transform: translateX(10%);
}

当您专注于编辑器时，其中的任何值都会使编辑器跳转。