我有一个代码镜像版本：5.65.3与Blazor.当我有一个长的行在编辑器的水平滚动不工作，它宁愿使用滚动的页面，这搞乱了整个页面.
像这样：

我不认为我在Codemirror中更改了任何CSS。
下面是一些相关的CSS行：

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 750px;
  color: black;
  direction: ltr;

}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
  z-index: 0;
}

我在用这个代码呼叫代码镜像：（onchange是因为我使用Blazor进行绑定）

window.editor= function (dontNetObjRef) {

    editor = CodeMirror.fromTextArea(document.getElementById('myTextArea'), {
        lineNumbers: true,
        indentUnit: 4,
        lineWrapping: true,
        tabMode: "shift",
        gutters: ["CodeMirror-lint-markers"]
    });

    //JavaScript function use the onchange event of CodeMirror to invoke the C# method and pass the value of the myTextArea .

    editor.on("change", editor => {
        dontNetObjRef.invokeMethodAsync("UpdateField", editor.getValue());
        // console.log(editor.getValue());

    });

注意：即使我使用lineWrapping: true，它也会移到第二行，并且在滚动时也会出现同样的问题。另外，当我设置一个固定的宽度（如1000px）时，它也能很好地工作，但我希望在用户的屏幕大小发生变化时自动设置。