Open Bug 494320 Opened 15 years ago Updated 2 years ago

Using an opacity css style cuts off the right edge of the rightmost character.

Categories

(Core :: Layout: Text and Fonts, defect)

Product:
Core
Component:
Layout: Text and Fonts
Platform:
x86_64
Windows Vista
Type:
defect

Tracking

()

Status:
UNCONFIRMED

People

(Reporter: mss, Unassigned)

References

(
URL
)

Details

Attachments

(4 files)

Attached version of the code described
458 bytes, text/html
Details
Image showing the right edge of the final o cut off
13.20 KB, image/jpeg
Details
The same html rendered by IE8
15.93 KB, image/jpeg
Details
cut off right side of text when using opacity <1
10.58 KB, image/png
Details 
User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.0.10) Gecko/2009042316 Firefox/3.0.10 (.NET CLR 3.5.30729)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.0.10) Gecko/2009042316 Firefox/3.0.10 (.NET CLR 3.5.30729)

Only happens when the opacity style is used. The following html demonstrates the problem which is most noticeable with body font-size:large.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Firefox Rendering Bug</title>
    <style type="text/css">
        body 
        {
            font-family:Microsoft Sans Serif;
            font-size:large;
        }
        .l1header
        {
            background-color:Navy;
            color:White;
            opacity:0.75;
        }
    </style>
</head>
<body>
    <h3 class="l1header">Right Edge Cut Off Demo</h3>
</body>
</html>


Reproducible: Always
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1b4) Gecko/20090423 Firefox/3.5b4
For what it's worth, I'm not seeing any text cut off, if that's what the actual bug is meant to be.
This is what I see in FireFox on many different machines. I will also post the same page rendered by IE8.
This is the same html rendered by IE8.
I confirm that this happens with Firefox 3.5 in Windows Vista 64 bits, and does *not* happen in Windows XP 32 bits.
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.4) Gecko/20091016 Firefox/3.5.4 (.NET CLR 3.5.30729)

I get this bug on Windows XP 32 bit. I believe that generally it has something to do with using ClearType fonts, because problem disappears when switching to "Standard" (Display Properties/Appearance/Effects). See the attachment.
#5 is correct. It does happen in Windows XP 32 bits too, if the ClearType setting is enabled.
Component: General → Layout: Text
Depends on: 475968
Product: Firefox → Core
QA Contact: general → layout.fonts-and-text
Pretty sure we had bugs on this (possibly fixed on 1.9.2/trunk).
I dont see the problem from the screenshot on Win 7 with Firefox 3.6.10
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: