[w3c/editing] Safari/Chrome: Caret Rendering inconsistent with empty placeholder across browsers (Issue #498)

michael created an issue (w3c/editing#498)

### Caret placement with pseudo element and br tag

In Chrome when we render a pseudo element as "placeholder" we expect the caret to render in front of the multiline pseudo element in an empty html element (contenteditable) (should also work with text-align: center)

```
<style>
[placeholder].empty::before {
  content: attr(placeholder);
}
</style>
<div class="empty" contenteditable="true" placeholder="Hello"><br></div>
```

Actual behaviour: 
in Chrome: Caret is rendered in last line after the last character of the placeholder
in Safari: Caret is rendered in last line before the first character of the last of the placeholder

Repro: https://michael.github.io/web-editing/repros/004.html

-- 
Reply to this email directly or view it on GitHub:
https://github.com/w3c/editing/issues/498
You are receiving this because you are subscribed to this thread.

Message ID: <w3c/editing/issues/498@github.com>

Received on Monday, 17 November 2025 13:45:16 UTC