【发布时间】：2020-04-19 22:25:46
【问题描述】：
在这个 sn-p 中，使用 contenteditable 和带有display:flex 的列表，会导致一个奇怪的错误：添加两个新行后，所有内容都消失了。在其他浏览器中不会发生这种情况。
<html>
<head>
</head>
<body contenteditable>
<ol>
<li style="display:flex">Row1</li>
<li style="display:flex">Row2</li>
<li style="display:flex">Row3 (type enter TWICE after this)</li>
</ol>
</body>
</html>
示例：https://jsfiddle.net/7sLn16mw
有什么想法吗？
【问题讨论】：
-
哪个浏览器出错了？
-
Chrome 79.0.3945.88
-
尝试
<ol contenteditable>代替正文。 -
@HardikChaudhary 它可以工作，但在复杂的 HTML 编辑工具中，我无法将仅可编辑的内容应用于特定的内部元素。不幸的是，添加 contenteditable容器也会导致错误。
标签： html google-chrome flexbox contenteditable