text-shadow and underlines don't play well together 
https://bugs.webkit.org/show_bug.cgi?id=12092
Summary text-shadow and underlines don't play well together
Jesse Ruderman
Reported 2007-01-03 00:29:42 PST
1. Load http://scienceblogs.com/pharyngula/2007/01/if_the_terrorists_attack_we_kn.php 2. Hover over the headline. Result: the underline looks like a broken line instead of a solid line. The shadow from the letters appears to be drawn on top of it. Tested with a release version of Safari and with a Webkit nightly from 2006-12-21.
Attachments
shadow + underline in quirks mode, no bug (283 bytes, text/html)
2009-07-20 07:49 PDT, Xavier Morel 		no flags
Details
shadow + underline in strict mode, bug (underline broken by shadow) (299 bytes, text/html)
2009-07-20 07:50 PDT, Xavier Morel 		no flags
Details
Screenshot of underline tests on Safari, Chrome, and Firefox (284.18 KB, image/png)
2022-07-06 15:56 PDT, Brent Fulgham 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Dave Hyatt
Comment 1 2007-01-03 14:04:20 PST
Stroke and fill have similar issues. Need to push a transparency layer in CG to handle these cases correctly.
Xavier Morel
Comment 2 2009-07-20 07:47:22 PDT
Interestingly, this bug does *not* appear in quirks mode. I attached two test cases demonstrating the absence of stacking bug (in quirks mode) and the presence of the stacking bug (in strict mode). Side-note: Firefox presents the exact same bug.
Xavier Morel
Comment 3 2009-07-20 07:49:50 PDT
Created attachment 33083 [details] shadow + underline in quirks mode, no bug
Xavier Morel
Comment 4 2009-07-20 07:50:50 PDT
Created attachment 33084 [details] shadow + underline in strict mode, bug (underline broken by shadow)
Aakash Jain
Comment 5 2016-05-10 12:48:04 PDT
The bug is still present.
Myles C. Maxfield
Comment 6 2016-05-11 11:20:46 PDT
(In reply to comment #5) > The bug is still present. Really? I don't seem to see it in Version 9.1 (11601.5.17.1) on OS X 10.11.4 (15E65) Which configuration are you seeing this on?
Brent Fulgham
Comment 7 2022-07-06 15:56:04 PDT
Created attachment 460725 [details] Screenshot of underline tests on Safari, Chrome, and Firefox Safari is the upper-left corner (Broken) Chrome is the middle (Broken) Firefox is the lower-right (Working)
Brent Fulgham
Comment 8 2022-07-06 15:56:16 PDT
This is easily reproducible on Safari 16.
Radar WebKit Bug Importer
Comment 9 2022-07-06 15:56:38 PDT
<rdar://problem/96554243>
Note You need to log in before you can comment on or make changes to this bug.