Bug 186377

Summary:

A node in contenteditable is removed when all characters in it are removed

Product:

WebKit

Reporter:

Kei Ito <kei.itof>

Component:

HTML Editing

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

rniwa, wenson_hsieh

Priority:

Version:

WebKit Nightly Build

Hardware:

All

OS:

Unspecified

Attachments:

Description	Flags
Steps to Reproduce	none

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.