Chrome 将 <br> 添加到 contenteditable span 并带有 :after 如果其内容被删除;漏洞?

jwr*_*ush 5 css google-chrome contenteditable

以下功能是 Chrome 中的错误,还是我不理解的正确行为?

在 Chrome(版本 25)中,如果我有一个内容可编辑的跨度,它通过一个 :after css 类在它后面添加了一个节点,就像在这个 jsfiddle 中一样

http://jsfiddle.net/yQBvn/

如果我删除了跨度的所有内容,在我删除了最后一个字符后,Chrome 会<br>向内容可编辑跨度添加一个。这感觉不对。

我已经验证,如果 :after css 内容未添加,Chrome 不会执行此操作,并且我已验证 Firefox 在任何情况下都不会执行此操作。

Fra*_*bot 4

想看一些疯狂的东西吗?!

http://jsfiddle.net/joeframbach/VXMEN/

<body>
<div id="EDIT-AREA">
    <span class='CHARACTER-NAME' contenteditable='true'>Bob</span><span>&nbsp;</span>
</div>
</body>
Run Code Online (Sandbox Code Playgroud)

解决问题后添加一个带空格的跨度。不要问我为什么或如何。