Bug 12092 - text-shadow and underlines don't play well together
Summary: text-shadow and underlines don't play well together
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 420+
Hardware: Mac OS X 10.4
: P2 Normal
Assignee: Nobody
URL: http://scienceblogs.com/pharyngula/20...
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2007-01-03 00:29 PST by Jesse Ruderman
Modified: 2023-11-30 02:06 PST (History)
9 users (show)

See Also:

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 an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Jesse Ruderman 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.
Comment 1 Dave Hyatt 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.
Comment 2 Xavier Morel 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.
Comment 3 Xavier Morel 2009-07-20 07:49:50 PDT 
Created attachment 33083 [details]
shadow + underline in quirks mode, no bug
Comment 4 Xavier Morel 2009-07-20 07:50:50 PDT 
Created attachment 33084 [details]
shadow + underline in strict mode, bug (underline broken by shadow)
Comment 5 Aakash Jain 2016-05-10 12:48:04 PDT 
The bug is still present.
Comment 6 Myles C. Maxfield 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?
Comment 7 Brent Fulgham 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)
Comment 8 Brent Fulgham 2022-07-06 15:56:16 PDT 
This is easily reproducible on Safari 16.
Comment 9 Radar WebKit Bug Importer 2022-07-06 15:56:38 PDT 
<rdar://problem/96554243>