Chrome错误ContentEditable内联代码块：DIV移动

Question

在Chrome（74.0.3729.131）中，我创建了一个div，其内容可编辑，样式为height，width，display:inline-block和overflow-y:auto。使用span元素也会发生相同的异常行为。

如果br中有两个div元素，则在div中键入Enter将使整个div向下移动。退格将其向上移动。

Inline-block应该插入br，而不是细分或p。

代码：

div.outside {
  margin: 30px;
  border: 1px solid red;
}

div.text-input {
  display: inline-block;
  background-color: lime;
  color: black;
  width: 300px;
  height: 20px;
  overflow-y: auto;
  border: 1px solid black;
}

<div class="outside">
  <div class='text-input' contenteditable="true">
    <br/><br/>
  </div>
</div>

当然应该发生的是在div中输入换行符。相反，整个div都会移动。

有人解决吗？