Как я могу остановить переполнение contenteditable div?

Question

Я работаю с contenteditable div и я установил для него высоту и попытался обрезать поле, как только оно достигнет этой высоты с помощью overflow: hidden; и text-overflow: hidden;, но вместо того, чтобы скрыть какой-либо из этого текста, он просто переполняет div. Как я могу это исправить?

#editor {
    height: 1100px;
    border: .5px solid gray;
    padding: 75px;
    padding-bottom: 75px;
    text-overflow: clip;
}
#editor:focus {
    outline: none;
}

    <div id="editor" contenteditable="true"></div>

Answer 1

Попробуйте overflow-y: scroll вместо #editor

#editor {
    height: 1100px;
    border: .5px solid gray;
    padding: 75px;
    padding-bottom: 75px;
    text-overflow: clip;
    overflow-y: scroll;
}
#editor:focus {
    outline: none;
}

<div id="editor" contenteditable="true"></div>