CONTENTEDITABLE =假在CONTENTEDITABLE =真

Question

問題：

我觀察到在瀏覽器，當一個通過刪除它們之間的分離連接的兩個p 標籤發生不期望的行爲和Opera。 Chrome和Opera刪除contenteditable = false元素（小部件）後的文本。

實施例：

example on jsfiddle

HTML：

<div contenteditable="true" class="editor"> 
<p>This is the first paragraph.</p> 
<p>&larr;Place your cursor here and press backspace. <span class="widget" contenteditable="false">widget</span> Text after widget</p> 
</div> 

CSS：

.widget{ 
    display: inline-block; 
    padding: 5px; 
    background-color: gray; 
} 

.editor{ 
    font: 20px Trebuchet MS 
} 

問題：

爲什麼？如何解決它？

Answer 1

我很久以前就報告過這個bug了，對於Blink和Webkit。這很關鍵，沒有解決方法。 Webkit團隊試圖修復它，但據我所知，他們引入了新的bug; |。

PS。是的，這個答案不提出任何修復，但唯一的修復是重寫刪除和退格鍵行爲。