如何使插入符忽略内容可编辑div中的绝对定位元素

Question

这是JS Bin：http://jsbin.com/hetegodovo/edit?html,css,output

这两个块之间的唯一区别是它们的显示属性值。

.output {
    display: flex;    
}

.output.output--block {
    display: block;
}

第一个是绝对定位.delete元素＆＃34;可聚焦＆＃34;用键盘箭头移动它时用插入符号。

第二个让线条破坏难看。

将.wrapper元素显示属性设置为inline-block会导致第一种情况。

我应该用html和/或css做些什么才能让它正常工作？所有降价都由JS生成，但可以轻松修改。