Open Bug 749995 Opened 13 years ago Updated 2 years ago

CSS 3D: Subpixel/texel misalignment

Categories

(Core :: Layout, defect)

11 Branch
x86
All
defect

Tracking

()

People

(Reporter: steven, Unassigned)

References

Details

Attachments

(2 files)

Attached image css3d.png (deleted) —
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_3) AppleWebKit/536.6.1 (KHTML, like Gecko) Version/5.2 Safari/536.6.1 Steps to reproduce: On a complex CSS 3D scene (see link), transformed divs are rendered incorrectly. Due to misalignment of the surface texture, a solid DIV becomes a semi-transparent gradient. Test case: http://acko.net/files/css3d.js/index.html Attached: Chrome/Safari vs Firefox Version: 15.0a1 (2012-04-28) Actual results: * Instead of solid boxes, the 3D scene looks like misaligned transparent planes. * As you resize the window, the 3D surfaces shift around. Expected results: * The surfaces should be solid and properly aligned.
Attached file reduced html (deleted) —
Strange thing : It works as expected if remove h1 tag.
Status: UNCONFIRMED → NEW
Component: Untriaged → Layout
Ever confirmed: true
OS: Mac OS X → All
Product: Firefox → Core
QA Contact: untriaged → layout
Version: 15 Branch → 11 Branch
Blocks: 505115
I assume it's a resampling issue in the 3D transform fallback code. Note that the c's are 1x1.
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: