Bug 21374 – text-shadow is not drawn for text with transparent colour

• Component: CSS
• Status: RESOLVED FIXED

[nemo]

This page was playing around with the text-shadow decoration.
Kind of a logical extension of the "eclipse" effect on:
http://www.w3.org/TR/CSS2/text.html#text-shadow-props

I was surprised that Webkit nightlies did not draw the shadow.  Firefox nightlies, in comparison do.

In terms of light sources, it'd be intuitive that text coloured "transparent" shouldn't "cast" a shadow.
But, given this is a decoration, I hope this will be reconsidered.  It's handy for all sorts of blurred letter
effects.

dhyatt seemed to think it should be.

Thanks!

[nemo]

BTW.  A workaround is: http://m8y.org/tmp/testcase68.xhtml  However this is kind of silly since it makes the text unselectable and complicates manipulation. 

[nemo]

http://m8y.org/tmp/testcase72.xhtml
The workaround applied to variant of original bug report URL.
Interestingly, I see that the svg "flames" also have a bug in Safari.  Seems to be some "damage"
bug related to repaint and display: none;
I will test that in latest webkit and perhaps file another bug.

[Simon Fraser (smfr)]

Created attachment 25842 [details]
Testcase

[Simon Fraser (smfr)]

See this thread: <http://markmail.org/message/y3j2dvizo2o6tybu>

[nemo]

re: comment #4 
cool, don't know if my complaining about it inspired his thread, but the dates are pretty close.

I'll fetch a latest nightly and see if, by any chance, it has been fixed.

[Simon Fraser (smfr)]

I don't believe it has been fixed. I looked into it a little; I think not drawing shadows for transparent text is a CG behavior which we'll have to work around.

[Dave Hyatt]

See also:

http://nicewebtype.com/notes/2009/07/12/rgba-text-shadow-in-safari-firefox/

In general, the alpha set on the text is "inherited" by the shadow.

Created attachment 32818 [details]
Make shadows independent of fill opacity

One issue with this change is that it makes it impossible to have only the outline of text cast a shadow (which is currently possible by specifying -webkit-text-stroke: 1px black; color: transparent;).

[Dave Hyatt]

Comment on attachment 32818 [details]
Make shadows independent of fill opacity

r=me

Fixed in <http://trac.webkit.org/projects/webkit/changeset/45956>.

*** Bug 28861 has been marked as a duplicate of this bug. ***