When text-shadow and underline used together, shadow is displayed over underline breaking it up.

RESOLVED FIXED in mozilla8

Status

()

Core
Layout: Text
RESOLVED FIXED
8 years ago
6 years ago

People

(Reporter: Morel Xavier, Unassigned)

Tracking

({testcase})

Trunk
mozilla8
testcase
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(2 attachments, 2 obsolete attachments)

(Reporter)

Description

8 years ago
User-Agent:       Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en; rv:1.9.0.12pre) Gecko/2009070300 Camino/2.0b4pre (like Firefox/3.0.12pre)
Build Identifier: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.1.1) Gecko/20090715 Firefox/3.5.1

In strict mode, applying both text-shadow and underline on a piece of text results in an incorrect display of the underline (appears under shadow).

Reproducible: Always

Steps to Reproduce:
1. Apply text-shadow to text
2. Apply underline to same text (directly on the same element or through another parent element)
3. Ensure page is in strit mode
Actual Results:  
text-shadow is displayed over underline, breaking the latter into small parts

Expected Results:  
Text-shadow displayed under the underline

Bug is present in strict mode, but not in quirks mode
(Reporter)

Comment 1

8 years ago
Created attachment 389483 [details]
shadow + underline, quirks mode; no bug
(Reporter)

Comment 2

8 years ago
Created attachment 389484 [details]
shadow + underline, strict mode; incorrect rendering
Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.1.1pre) Gecko/20090718 Shiretoko/3.5.1pre

I see no difference on Windows Vista with default settings but I can reproduce it if I change the font to Verdana.
Status: UNCONFIRMED → NEW
Component: General → Layout: Text
Ever confirmed: true
Keywords: testcase
OS: Mac OS X → All
Product: Firefox → Core
QA Contact: general → layout.fonts-and-text
Hardware: x86 → All
Version: unspecified → Trunk
(Reporter)

Comment 4

8 years ago
> I see no difference on Windows Vista with default settings

Ah indeed I don't see them either on my Windows machine, it seems the 3px Y-coordinate lands the underline right under the shadow letters. Uploading new testcases with a Y-coordinate of 0.5em to ensure the underline and the shadow absolutely intersect.
(Reporter)

Comment 5

8 years ago
Created attachment 389656 [details]
shadow + underline, quirks mode; no bug

Previous testcase had a Y-coordinate of 3px on the text-shadow, making the shadow end up above the underline (and therefore not demonstrating the bug) on some platform, depending on the default font and size.
Attachment #389483 - Attachment is obsolete: true
(Reporter)

Comment 6

8 years ago
Created attachment 389657 [details]
shadow + underline, strict mode; incorrect rendering

Previous testcase had a Y-coordinate of 3px on the text-shadow, making the shadow end up above the underline (and therefore not demonstrating the bug) on some platform, depending on the default font and size.
Attachment #389484 - Attachment is obsolete: true

Comment 7

8 years ago
I'll add this sampling of browser behavior, all on Win XP SP3:

FF 3.6.3:
    quirks mode=text shadow behind underline
    strict mode=text shadow in front of underline

Opera 10.51:
    quirks mode=text shadow behind underline
    strict mode=text shadow behind underline

Chrome 4.1.249.1045:
    quirks mode=text shadow behind underline
    strict mode=text shadow in front of underline

Safari 4.0.4:
    quirks mode=text shadow behind underline
    strict mode=text shadow in front of underline

Not knowing the spec I don't know what is correct, but Opera is the only one which renders what I would consider the intuitive and useful thing in strict mode.
Probably fixing bug 403524 will fix this.  (There's a long story there, but I don't have time to tell it right now.)
Depends on: 403524

Comment 9

6 years ago
Patch for bug 403524 merges the text-decoration codepath for all modes, resolving this bug as well.
Status: NEW → RESOLVED
Last Resolved: 6 years ago
Resolution: --- → FIXED

Updated

6 years ago
Target Milestone: --- → mozilla8
You need to log in before you can comment on or make changes to this bug.