CSS Columns render bug with relative positioning (layout correct, but paints wrong)
Reported by
t...@studiothick.com,
Sep 21 2016
|
||||||||
Issue descriptionChrome Version : 53 onwards URLs (if applicable) : http://codepen.io/tbredin/pen/XjNEPE Other browsers tested: Safari 9.1.3 (10601.7.8): OK Firefox 48.0.1: OK IE: NOT TESTED What steps will reproduce the problem? (1) Use CSS columns to lay out child li's (2) Apply "position: relative" and a negative css "top" value (eg: top: -0.1rem) What is the expected result? Expect children to render relative to natural position What happens instead? Child *text only* renders in previous column (however note that any contained images render as expected in the correct column, disconnected from parent) See codepen for example. Tested and works in Chrome 52, but broken in Chrome 53 onwards
,
Sep 21 2016
There's a lot going on here. Removing the transforms from the .icon-custom class fixes the rendering, or at least makes it as good as we currently can do. Note that incorrect painting of outlines on elements in columns is a known issue, so this bug is about the transforms causing the columns to paint incorrectly. DevTools, when going through the li elements on the page, shows element bounds that are in the expected location, not where they are painted. So the bug description is correct: Layout is right and paint is wrong. I've attached the "expected" result, or something like, it, for the bisect.
,
Sep 22 2016
Able to reproduce the issue and is a regression broken in M53 on Windows, MAC and Ubuntu OS. below are the bisect Details: Bisect Info: ============ Good build: 53.0.2756.0 Bad build: 53.0.2757.0 Bisect URL: https://chromium.googlesource.com/chromium/src/+log/3deb8da7686c8ad5e63ceb284f31b0b926715c93..c4f2d5df530b9e1139af40df5ba53bdca5502e7c Suspecting change #397514 could be the possible culprit, @wangxianzhu: Assigning to you, request you to please take a look into it. Please help us to reassign if not with respect to your change. Change URL: https://chromium.googlesource.com/chromium/src/+/acc73220d35a97e84b8f895356ac15be0d3e7f76 Review URL: Review URL: https://codereview.chromium.org/2036533002
,
Sep 22 2016
My CL is for spv2 which is not enabled yet. https://chromium.googlesource.com/chromium/src/+/d88f5fb93af61fdb863c0cbd1bfcfa24873b50d4 looks like a culprit.
,
Nov 16 2017
,
Nov 16
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 16
This still reproduces, on Linux Chrome 71.0.3578.53. chrishtr@, want this to stay available?
,
Nov 16
|
||||||||
►
Sign in to add a comment |
||||||||
Comment 1 by dtapu...@chromium.org
, Sep 21 2016