RESOLVED CONFIGURATION CHANGED 146281
outline does not play nicely with line-height 
https://bugs.webkit.org/show_bug.cgi?id=146281
Summary outline does not play nicely with line-height
Myles C. Maxfield
Reported 2015-06-24 09:32:22 PDT
Created attachment 255485 [details] Reduction See attached reduction.
Attachments
Reduction (1.19 KB, text/html)
2015-06-24 09:32 PDT, Myles C. Maxfield 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Jon Lee
Comment 1 2015-06-24 10:25:19 PDT
Both Safari and Chrome try to encompass the shape of the entire <span>, while Firefox outlines each line individually.
Myles C. Maxfield
Comment 2 2015-06-24 11:38:24 PDT
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.
Ahmad Saleem
Comment 3 2022-07-26 04:26:45 PDT
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!
Radar WebKit Bug Importer
Comment 4 2022-07-26 19:48:45 PDT
<rdar://problem/97642002>
Ahmad Saleem
Comment 5 2023-02-18 15:45:45 PST
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!
zalan
Comment 6 2023-02-18 16:10:38 PST
This got progressed around 255314@main (re-worked outline painting to support border-radius).
Note You need to log in before you can comment on or make changes to this bug.