585378 - text-shadow causes weird blinking/de-styling behavior when used on certain elements

Status: RESOLVED WORKSFORME

(Core :: Graphics, defect)

Description

[Evgueni Naverniouk]

User-Agent:       Mozilla/5.0 (Windows; Windows NT 6.1; WOW64; rv:2.0b2) Gecko/20100720 Firefox/4.0b2
Build Identifier: Mozilla/5.0 (Windows; Windows NT 6.1; WOW64; rv:2.0b2) Gecko/20100720 Firefox/4.0b2

Firefox 4.0 has introduced a weird text-shadow issue. I noticed this on Firefox 3.5 for Linux (not Windows) as well. When applying a text-shadow on a button in Gmail, the button loses all background and border styling, and turns completely white when hovered.

In Linux (with Firefox 3.5) text-shadow would cause the affected element to disappear from view entirely - almost like someone set it to visibility: none.

Reproducible: Always

Steps to Reproduce:
1. Install the Stylish addon on your Firefox 4.0 browser
2. In Stylish go to "Write a new style > Blank Style"
3. Copy and paste this code:

@namespace url(http://www.w3.org/1999/xhtml);@-moz-document url-prefix("https://mail.google.com/") {.Pl > div {	text-shadow: 0 1px 1px #2D3136;}}

4. Go to Gmail via https://mail.google.com and login with your account/password
5. Try to hover over the "Labels" or "More Actions" buttons in the message toolbar.
Actual Results:  
The affected element loses all background and border styling, and turns completely white when hovered.

Expected Results:  
The text shadow should work as it does anywhere else.

Comment 1

[Gregory Pappas [:gregp]]

Unable to reproduce.