Bug 225513

Summary: Contenteditable inverts tag nesting
Product: WebKit Reporter: Victor Borràs <victor>
Component: HTML EditingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: megan_gardner, rniwa, webkit-bug-importer, wenson_hsieh
Priority: P2 Keywords: InRadar
Version: Safari 14   
Hardware: Mac (Intel)   
OS: macOS 11   

Description Victor Borràs 2021-05-07 08:01:29 PDT 
STEPS TO REPRODUCE:
1. Add a <div> with contenteditable.
2. Add the following markup: <a href="#"><mark>link</mark></a>a.
3. In the browser window, type something between "link" and "a".

EXPECTED BEHAVIOR:
The nesting order for the tags is kept, and the new character is added outside of them.

CURRENT BEHAVIOR:
The caracter is added to the mark tag and nesting gets inverted, resulting in this:
<mark><a href="#">link</a>a</mark>a

Reproduction: https://codepen.io/vborrasc/pen/XWMrRpe
Comment 1 Radar WebKit Bug Importer 2021-05-14 08:02:19 PDT 
<rdar://problem/78017071>