624732 - css text-shadow affects the rendering of css outline

Status: RESOLVED DUPLICATE of bug 480888

(Core :: Web Painting, defect)

Description

[Lasse Fister]

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; de; rv:1.9.2.14pre) Gecko/20110107 Ubuntu/10.04 (lucid) Namoroka/3.6.14pre FirePHP/0.5
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; de; rv:1.9.2.14pre) Gecko/20110107 Ubuntu/10.04 (lucid) Namoroka/3.6.14pre

Text-shadow can enlarge the outline of an element, so that a gap between the outline and the elements background appears. This happens when the text-shadow is displayed outside of the elements boundaries.

Reproducible: Always

Steps to Reproduce:
See the test case or apply "outline" on a div-element with text content. Apply "text-shadow" on that div, so that the shadow displays outside of that element by using big numbers for the x and y placement or for the blur.

css:
.yourbox
{
outline: 2px solid #00FF00;
text-shadow: -20px 20px 2px #00FF00;
}
Actual Results:  
The text-shadow affects the rendering of the outline by enlarging it.

Expected Results:  
Text-shadow should not affect the rendering of outline. It's hard to track down in a layout and neither Webkit nor Opera behave like that.

Testet on Minefield 4.0b9pre (2011-01-05) on Ubuntu with the same result.

Comment 1

[Lasse Fister]

Attachment: testcase

Comment 2

[Thomasy]

I find that the shadow is included in mVisibleRect @ http://hg.mozilla.org/mozilla-central/annotate/710d9d21f533/layout/base/nsDisplayList.cpp#l2016 , which should be exclude in ComputeVisibility or somewhere

Comment 3

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

No, that's not the problem.  But it's described in: