New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 163960 link

Starred by 2 users

Issue metadata

Status: Fixed
Owner: ----
Closed: Nov 2015
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Compat

Sign in to add a comment

translateZ(0) on element with fractional pixel margins is inconsistent in positioning.

Reported by, Dec 3 2012

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_5) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.64 Safari/537.11

Steps to reproduce the problem:
1. Have wrapper with non integer margin (margin-left: 0.70px)
2. Have transform: translateZ(0) on element. 
3. Have child with non integer margin (margin-left: 0.25px)
4. Toggle transform to none.
5. Child shifts 1px to the left.

What is the expected behavior?
Child element does not move.

What went wrong?
Child element moves to the left.

Example URL:

Does it occur on multiple sites: N/A

Is it a problem playing media? No

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes 

Chrome version: 23.0.1271.64  Channel: n/a
OS Version: OS X 10.7.5

Comment 1 by, Dec 3 2012

Also repro'ed in 25.0.1347.0 canary

Comment 2 by, Dec 3 2012

We found the test case as we use percentage to size images and translateZ in order to enable hardware acceleration. Having a one pixel change in the image dimensions causes the resize algorithm to be the equivalent of a blur, which ruins image quality.

Comment 3 by, Dec 4 2012

Labels: Area-WebKit WebKit-Compositing WebKit-Rendering
Project Member

Comment 4 by, Mar 10 2013

Labels: -Area-Compat -Type-Bug -Area-WebKit -WebKit-Compositing -WebKit-Rendering Cr-Content Cr-Content-Compositing Type-Compat Cr-Content-Rendering
Project Member

Comment 5 by, Apr 5 2013

Labels: -Cr-Content Cr-Blink
Project Member

Comment 6 by, Apr 6 2013

Labels: -Cr-Content-Rendering Cr-Blink-Rendering
Project Member

Comment 7 by, Apr 6 2013

Labels: -Cr-Content-Compositing Cr-Blink-Compositing

Comment 8 by, Jan 9 2015

Labels: -Cr-Blink-Rendering Cr-Blink-Layout
Migrate from Cr-Blink-Rendering to Cr-Blink-Layout
Labels: -Cr-Blink -Cr-Blink-Layout Cr-Blink-Layout-Subpixel
Labels: Needs-Feedback
Unable to reproduce the issue on Windows 7, Ubuntu 14.04 and Mac OS 10.10.5 using chrome stable M46 - 46.0.2490.86. Observed the child element doesn't move left side as used to move before.

joshduck@ - Could you please recheck is this issue on latest chrome versions and update your comments. 

Status: Fixed
This is subpixel positioning, which we fixed 1-2 years ago.

Sign in to add a comment