NEW 186377
A node in contenteditable is removed when all characters in it are removed 
https://bugs.webkit.org/show_bug.cgi?id=186377
Summary A node in contenteditable is removed when all characters in it are removed
Kei Ito
Reported 2018-06-06 19:08:55 PDT
Created attachment 342105 [details] Steps to Reproduce Summary: A node in contenteditable is removed when all characters in it are removed by backspace key or delete key etc. if the "position" of the parent node is "relative". Steps to Reproduce: # 1. Save the code below as page.html. <!doctype html> <meta charset="utf-8"> <style> .editable { margin: 20px; padding: 20px; background-color: #fcc; } .editable div { padding: 20px; background-color: #ccf; } .editable2 div { position: relative; } </style> <div contenteditable="true" class="editable editable1"> <div>ABC</div> </div> <div contenteditable="true" class="editable editable2"> <div>DEF</div> </div> # 2. Open Safari # 3. Drag and drop the page.html onto the address bar # 4. Click the right of "ABC" and press Backspace 3 times # 5. Click the right of "DEF" and press Backspace 3 times You can try it on this page: https://codepen.io/wemotter/pen/jxegxw Expected Results: "ABC" and "DEF" are removed and the blue areas remains. Actual Results: "ABC" and "DEF" are removed and the first blue area remains but the second is removed.
Attachments
Steps to Reproduce (413.44 KB, video/mp4)
2018-06-06 19:08 PDT, Kei Ito 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Note You need to log in before you can comment on or make changes to this bug.