Created attachment 255485 [details] Reduction See attached reduction.
Both Safari and Chrome try to encompass the shape of the entire <span>, while Firefox outlines each line individually.
It doesn't really seem spec'ed which one is right. It seems to me that we should keep our current behavior but just connect the vertical gaps (where we have triangles) in our red lines.
I am still able to reproduce this bug in Safari 15.6 on macOS 12.5 using attached reduction. All other browsers (Chrome Canary 106 and Firefox Nightly 104) match with each other, while Safari differ in "outline" case and show weird outline, which is partial cut off from various places and some missing altogether. Just wanted to share updated testing results. Thanks!
<rdar://problem/97642002>
It seems to be fixed in STP163 & WebKit ToT (260520@main), Outline now follows and matches other browsers. Broken in Safari 16.3 still though. Marking this as "RESOLVED CONFIGURATION CHANGED". Another old bug down. Thanks!
This got progressed around 255314@main (re-worked outline painting to support border-radius).