poor text rendering with dancing characters at html5test.com

NEW
Assigned to

Status

()

defect
9 years ago
3 years ago

People

(Reporter: joh_walt, Assigned: mattwoodrow)

Tracking

({regression})

Trunk
mozilla2.0
x86
All
Points:
---
Dependency tree / graph

Firefox Tracking Flags

(blocking2.0 -)

Details

()

Attachments

(2 attachments)

User-Agent:       Mozilla/5.0 (Windows NT 5.1; rv:2.0b8pre) Gecko/20101013 Firefox/4.0b8pre
Build Identifier: Mozilla/5.0 (Windows NT 5.1; rv:2.0b8pre) Gecko/20101013 Firefox/4.0b8pre

I just don't know how to describe this.
Just go to the site mentioned above and resize the window horizontally. In that dynamic you can see how the spacing between the table columns and even between characters of normal text (e.g. wi|p in the heading) varies for different window widths.

Another effect from which I don't know if related regarding the cause can be seen on the site http://html5test.com below the result table in that box "The HTML5 test has been updated!"
Attached screenshot shows how poor the text looks. Opera and Chromium don't show this scrawly rendering with jagged baseline. And also Gecko seems to be able to do it better as it shows for a split second after hovering with the mouse pointer.

Reproducible: Always
Component: General → Layout: View Rendering
For 2nd issue(  http://html5test.com  )

Regression window ;
Works:
http://hg.mozilla.org/mozilla-central/rev/488ea306526b
Mozilla/5.0 (Windows; Windows NT 6.1; WOW64; rv:2.0b3pre) Gecko/20100801 Minefield/4.0b3pre ID:20100801201130
Fails:
http://hg.mozilla.org/mozilla-central/rev/99807f92a67c
Mozilla/5.0 (Windows; Windows NT 6.1; WOW64; rv:2.0b3pre) Gecko/20100801 Minefield/4.0b3pre ID:20100801221929
Pushlog:
http://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=488ea306526b&tochange=99807f92a67c

This happens on Linux too,
Mozilla/5.0 (X11; Linux i686; rv:2.0b8pre) Gecko/20101016 Firefox/4.0b8pre ID:20101016025826

And On/Off of D2D/D3D9 and JavaScript does not matter.
blocking2.0: --- → ?
Keywords: regression
OS: Windows XP → All
Target Milestone: --- → mozilla2.0
In local build:
I confirmed 9a45bd27ec75	of Bug 505115 causes the problem.
Blocks: 505115
Status: UNCONFIRMED → NEW
Ever confirmed: true
Component: Layout: View Rendering → Style System (CSS)
QA Contact: general → style-system
Looks like a gfx bug related to pixel-snapping of text positions in rotated text; I know we have existing bugs on that for Linux, but I'm not sure about Windows.
Component: Style System (CSS) → Graphics
QA Contact: style-system → thebes
er, pixel snapping of text *plus* changes between layerized and non-layerized rendering
Duplicate of this bug: 600976
Component: Graphics → Style System (CSS)
QA Contact: thebes → style-system
Version: unspecified → Trunk
Duplicate of this bug: 606035
Summary: poor text rendering with dancing characters → poor text rendering with dancing characters at html5test.com
Component: Style System (CSS) → Graphics
QA Contact: style-system → thebes
Matt, Alice0775 says that your patch layerizing nsDisplayTransform causes this bug.

It really sucks, but I think we could take a fix in an update.
Assignee: nobody → matt.woodrow+bugzilla
blocking2.0: ? → -
How can this bug block CSS 3D transforms? It's a regression in Firefox 4.
No longer blocks: 505115
(In reply to Robert O'Callahan (:roc) (Mozilla Corporation) from comment #11)
> How can this bug block CSS 3D transforms? It's a regression in Firefox 4.

See comment 5 -- it's a regression from a patch that was checked in early-on for that bug. (a year ago, in bug 505115 comment 18)
Blocks: 505115
QA Contact: thebes → matt.woodrow
When I use transformation on a div with :before and/or :after, text inside the div starting to dance, which more or less makes transformation useless.
(In reply to Ole Dormann from comment #13)
> When I use transformation on a div with :before and/or :after, text inside
> the div starting to dance, which more or less makes transformation useless.

This also includes anchors..

Tested in Firefox 9.0.1 and Chrome 16 - fails in both browsers
It's specific to the :before/:after case? That's weird that it would only show up in that case.
Scrolling a page with such rotated text causes the same "dancing" as hovering.
I cannot reproduce this bug anymore. Anyone else?
This is still somewhat visible in Linux Mint 17, Firefox 31.0 20140715214327 but it's not as bad as in the screenshots.
I can reproduce this issue on Mozilla/5.0 (Windows NT 6.3; WOW64; rv:48.0) Gecko/20100101 Firefox/48.0. Not too sure what the cause is. Chrome renders as a perfect box.
You need to log in before you can comment on or make changes to this bug.