Half-pixel gaps between boxes with a simple background, boxes have % width/height
Reported by
nex...@gmail.com,
Nov 24 2017
|
||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3276.0 Safari/537.36 Steps to reproduce the problem: 1. Multiple boxes that form a grid with a simple background colour 2. Width/Height of each tile should be a % width/height that could cause a fractional width/height 3. Resize browser window and notice gap artifacts What is the expected behavior? No gaps between boxes What went wrong? There are gaps between boxes on device with a devicePixelRatio greater than 1.0 Reproduced on Chrome 64 on a MacBook Pro 13-inch 2016 (Retina screen; 2560 x 1600) - devicePixelRatio 2.0 Also reproduced on a Pixel 1 XL on Chrome 62 - artifacts were especially bad here due to higher dPR! Did this work before? N/A Does this work in other browsers? Yes Chrome version: 64.0.3276.0 Channel: canary OS Version: OS X 10.12.6 Flash Version: Here is a CodePen with the bug: https://codepen.io/callumacrae/pen/jaKYmr/?editors=1100#0 Here is a workaround using a non-zero and transparent box-shadow: https://codepen.io/nexii/pen/MOXQLL?editors=1100#0 This does not seem related to https://bugs.chromium.org/p/chromium/issues/detail?id=562669 - as I could not reproduce their test case!
,
Nov 27
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue. Sorry for the inconvenience if the bug really should have been left as Available. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Nov 28
,
Dec 3
Test case is no longer working due to missing image. Closing, but could re-open if test is fixed or replaced. |
||||
►
Sign in to add a comment |
||||
Comment 1 by schenney@chromium.org
, Nov 27 2017