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

Issue 601109 link

Starred by 1 user

Issue metadata

Status: WontFix
Owner: ----
Closed: May 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows
Pri: 3
Type: Bug



Sign in to add a comment

Translated div cuts off input borders

Reported by colin.de...@gmail.com, Apr 6 2016

Issue description

Chrome Version       : 49.0.2623.110 m
URLs (if applicable) : https://jsfiddle.net/jg5gr6ht/2/
Other browsers tested:
  Add OK or FAIL, along with the version, after other browsers where you
have tested this issue:
    Firefox: OK
         IE: OK

What steps will reproduce the problem?
(1) Have an absolutely positioned div with left/top set to 50% with an odd height/width
(2) Transform: translate(-50%, -50%) on that div 
(3) Have a text input inside of that div

What is the expected result?
The borders of that input appear as they should

What happens instead?
With an odd height/width, the top/left border isn't shown.

Please provide any additional information below. Attach a screenshot if
possible.

 
chrome-bug.PNG
1.3 KB View Download
Cc: tkonch...@chromium.org
Components: Blink>CSS
Labels: M-52 OS-Linux OS-Windows
Status: Untriaged (was: Unconfirmed)
Able to reproduce the issue on Linux 14.04, win7 chrome version 50.0.2661.94 and 52.0.2716.0 - top/left border is not displayed.

This is working fine on mac 10.11

Comment 2 by loyso@chromium.org, May 1 2016

Labels: Hotlist-Interop
Status: Available (was: Untriaged)
Components: -Blink>CSS Blink>Layout Blink>Paint
Status: Untriaged (was: Available)

Comment 4 by e...@chromium.org, May 2 2016

Status: WontFix (was: Untriaged)
This is intentional and due to the fact that layout snaps to device pixels while transforms do not. Mixing the two is a bad idea and will lead to subpar rendering like this.

Sign in to add a comment