Почему редактор Codemirror не прокручивает горизонтально с длинной линией? ⇐ CSS

[Anonymous]

У меня кодовая зеркальная версия: 5.65.3 с Blazor. Когда у меня длинная линия в редакторе, горизонтальный свиток не работает, он скорее использует прокрутку страницы, которая испортит всю страницу.
Codemirror. < /P>
Вот некоторые связанные строки CSS: < /p>

Код: Выделить всё

    .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;
}
< /code>
Я называю Codemirror через этот код: (Onchange - это потому, что я использую Blazor для целей связывания) < /p>
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 он перешел на вторую строку и делает ту же проблему с прокруткой.>

Подробнее здесь: https://stackoverflow.com/questions/727 ... -long-line