[Webkit-unassigned] [Bug 209535] New: Joining elements in contenteditable with CSS variables formatting creates unexpected span elements

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=209535

            Bug ID: 209535
           Summary: Joining elements in contenteditable with CSS variables
                    formatting creates unexpected span elements
           Product: WebKit
           Version: Safari 13
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: HTML Editing
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: floris.bernard at gmail.com
                CC: wenson_hsieh at apple.com

Steps to reproduce the problem:
1. Create 2 elements in a contenteditable wrapper
2. Add formatting on the element using CSS variables. This doesn't have to be on the elements themselves -- you can also style a common ancestor
3. At runtime, join the 2 elements by removing the gap between them

Reproduction link: 
https://codesandbox.io/s/reproduction-contenteditable-bug-t07we

What is the expected behavior?
The elements are merged together without unwanted artifacts

What went wrong?
The second element now contains a unexpected <span> with the formatting applied as inline styling.

Here are some related issues. However I think they are separate because those are not directly related to CSS variables:
https://bugs.webkit.org/show_bug.cgi?id=106110
https://bugs.webkit.org/show_bug.cgi?id=127242

I filed this same issue with Blink:
https://bugs.chromium.org/p/chromium/issues/detail?id=1064358

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20200325/b5aad7cb/attachment.htm>