[color-inline] In Safari, editable content is fully wiped out on pressing delete

[DmitrySharabin]

No matter whether you're trying to delete a highlighted part of a text or not.

Testcase

<color-inline contentEditable>lch(50% 40 30)</color-inline>

[DmitrySharabin]

The issue is that the mutated text node does not have a parent node in Safari (it's null),

elements/src/color-inline/color-inline.js

Line 68 in 8b96596

target = target.parentNode;

so the parent <color-inline> is not found, and <color-inline> is not appropriately re-rendered—this line

elements/src/color-inline/color-inline.js

Line 72 in 8b96596

target.#render();

is not being called.

[DmitrySharabin]

It works as expected with contenteditable="plaintext-only" instead of contenteditable.

[DmitrySharabin]

This behavior is reproducible in standard HTML elements. 🤦‍♂️