Using the first-letter pseudo element inside a content-editable: true div or other tag causes input errors such as overtyping (replacing current letter) and/or typing in the wrong text position. Sometimes it is required to use the arrow keys to navigate within the editable text before the errors occur. A sample webpage is available at the following link: http://jsfiddle.net/danthewolfe/0L5L6t6y/
This test case still behaves strangely in Safari 15.5+.
<rdar://problem/97032550>