501482 - CSS text-shadow applied to body tag and not text elements

Status: RESOLVED WORKSFORME

(Core :: CSS Parsing and Computation, defect)

Description

[[e-mail]]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1) Gecko/20090624 Firefox/3.5
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1) Gecko/20090624 Firefox/3.5

When CSS Text shadow rules are placed in body tag it applies to actual body element instead of text elements, and causes layout to break.

This is especially dangerous since a lot of old sites fixed Safari anti-aliasing by setting near transparent text-shadow property to all text, on body tag.

Reproducible: Always

Steps to Reproduce:

For example
body {
 width: 100%;
 height: 100%;
 text-shadow: 1px 1px 1px #FFFFFF
}

causes horizontal scrollbars.

Actual Results:  
The body tag gets a shadow causing scrollbars to appear.

Expected Results:  
It should apply the rule to all text inside of body, and not the body element itself.

Comment 1

[[e-mail]]

This bug also applies to text-shadow rules attached to HTML tag.

Comment 2

[Nochum Sossonko [:Natch]]

Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.2a1pre) Gecko/20090630 Minefield/3.6a1pre
Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.1) Gecko/20090624 Firefox/3.5
This is fixed on trunk but broken on branch

Comment 4

[[e-mail]]

marked as a duplicate but im not positive its same bug exactly..

Comment 5

[Nochum Sossonko [:Natch]]

It isn't the same bug, that one is still broken on trunk while this one is fixed. Also note, in all of those testcases there's text in the page while in this one there isn't any.

Comment 6

[[e-mail]]

Thanks Nochum i removed duplicate notice.

Forgive my unfimiliarity, but are you saying its considered fixed, because its fixed in 1.9.2a1pre, or is this still open?

Comment 7

[Nochum Sossonko [:Natch]]

This bug was file against 1.9.1 so I left it open, this is fixed in 1.9.2a1pre in my testing. I'm not sure a fix would be backported to branch at this point, but feel free to nominate it for a branch release (wanted-1.9.1.x flag).

Comment 8

[philippe (part-time)]

Opera 10b and WebKit/Safari4 also display a horizontal scrollbar with the testcase.

I think that the nightly Minefield builds may be buggy (and if the testcase has actual content, it does show a horizontal scrollbar).

Fwiw, the behaviour changed between the following changesets:

http://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=28aa23105a9e&tochange=5fe89f2c22f0

Bug 495385 ?

Comment 9

[[e-mail]]

Attachment: new testcase unique to F3.5

new usecase, shows scrollbars in FF3.5, no scrollbars in webkit/safari, ie7+(barf), or F3.0.x

Breaks sites with text shadow on body and relative widths.

Comment 10

[Samuel Sidler (old account; do not CC)]

We don't typically block on unconfirmed bugs... Even if we did, this issue isn't a critical one that we'd block a maintenance release on, though we'll consider a patch should one appear.

Comment 11

[Andrei Purice]

Marking this as Resolved > Worksforme since the issue is no longer reproducible on the latest versions of Firefox Nightly 96.0a1 (2021-11-01), beta 94.0 or release 93.0 on Windows 10.
If anyone is still able to reproduce the issue please re-open it or file a new one.