Html Chrome bug,内容可编辑,列表显示:flex
在这个代码段中,使用contenteditable和带有Html Chrome bug,内容可编辑,列表显示:flex,html,google-chrome,flexbox,contenteditable,Html,Google Chrome,Flexbox,Contenteditable,在这个代码段中,使用contenteditable和带有display:flex的列表会导致一个奇怪的错误:添加两行新行后,所有内容都会消失。这在其他浏览器中不会发生 <html> <head> </head> <body contenteditable> <ol> <li style="display:flex">Row1</li> <li style="display:flex">
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>
第1行
第2行
第3行(在此之后输入两次)
例如:
有什么想法吗 Chromium开发团队认为这是一个bug:
在Chrome 81中修复出现错误的浏览器?Chrome 79.0.3945.88try
而不是body。@HardikChaudhary它可以工作,但在复杂的HTML编辑工具中,我无法将可编辑的内容仅应用于特定的内部元素。不幸的是,添加contenteditable容器也会导致错误。