Rafael Madureira Lins de Araújo Reporter
	Description • 16 years ago

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; pt-BR; rv:1.9.1b3) Gecko/20090305 Firefox/3.1b3
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; pt-BR; rv:1.9.1b3) Gecko/20090305 Firefox/3.1b3

Firefox do not hide the whole HTML text when it has text-decoration: blink and has a text-shadow too. A small piece of the shadow (right side) is still visible when the text is hidden. Or the shadow isn't rendered completely when the text is visible.

Reproducible: Always

Steps to Reproduce:
1. Create the following CSS rule: .example { text-decoration: blink; text-shadow: #cc0000 3px 3px 5px; }
2. Create the following HTML: <h1 class="example">OMG no BUG?</h1><h2 class="example">Bug?</h2><h3 class="example">Ka booooom!</h3>. See what happens.
3. Put a "!" on OMG at the <h1> element (<h1 class="example">OMG! no BUG?</h1>). See what happens.
4. Make the "wtf?" face =)
Actual Results:  
At step 2 you get three blinking texts, each with a different result (showing three forms of the bug). At step 3, you get three blinking texts, all with the same issue: the shadow not being rendered completely.

Expected Results:  
At step 2 you get three blinking texts, each with a different result (showing three forms of the bug). At step 3, you get three blinking texts, all with the same issue: the shadow not being rendered completely.

I was reading about CSS2 at W3Schools and they had a example to show text-decoration. Their show-case page is http://www.w3schools.com/css/tryit.asp?filename=trycss_text-decoration. There, I wanted to try text-shadow a little, so I added a text-shadow to the H1 element. Then, I wanted to see how a blinking text would look with a shadow. Then I added the text-shadow to the H4 element and... bam! I though it might be the IFRAME they use... So I created a HTML with a test HTML code (a H1, H2 and H3 with some text) and a CSS (a class, which was applied to the H1, H2 and H3 elements), I got the same result.

My Notebook Specs:
Windows XP Professional (en-US SP3 - but I'm using FF in PT-BR - I'm Brazilian ;P)
Intel Core 2 Duo T8100
4GB RAM (Windows can use only 3GB - x86 Architeture Limitation as far as I know)
Graphics: Nvidia GeForce 8400M GS

Anything else, you can contact me on my e-mail.
(by the way, send me some word if this is will ever be fixed =)

	Rafael Madureira Lins de Araújo Reporter
	Comment 1 • 16 years ago

Thanks Ria Klaassen for correcting some information about the bug report =)

	Henri Sivonen (:hsivonen) (away from Bugzilla until 2023-09-11)
	Comment 4 • 14 years ago

This also affects setting shadowed text to display: none; and back using setInterval:
http://istheblinktag.partofhtml5.com/?

	d
	Comment 6 • 13 years ago

I am not seeing the initially reported bug (at least not on OS X), nor anything unexpected in the attached textcase. However, on the link posted by Henri the p's in "pope" and the end of the "/" remains while the rest of the text is invisible. Also, switching away from the tab and back produces different results depending on if the text is visible or not at the moment.

	d
	Comment 7 • 13 years ago

I should clarify that only the lowest portion of the shadow of the p's and the slash remains.

	Christian Ascheberg
	Comment 8 • 11 years ago

Support for blink effect was dropped in bug 857820.