New issue
Advanced search Search tips

Issue 815277 link

Starred by 2 users
Status: Available
Owner: ----
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 3
Type: Bug



Sign in to add a comment

Some elements fail to render in column layout

Reported by roo...@gmail.com, Feb 23 2018 
UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.167 Safari/537.36

Steps to reproduce the problem:
1. give a parent container 'column-count' value
2. apply various CSS rules to child elements
3. profit

What is the expected behavior?
All elements within the document should render

What went wrong?
Some elements do not render

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 64.0.3282.167  Channel: n/a
OS Version: 10.0
Flash Version: 

live demo: https://jsfiddle.net/przyvbvj/19/
column-bug.html
9.2 KB View Download

Comment 1 by roo...@gmail.com, Feb 24 2018 

Interesting note: issue does not seem to reproduce in Chrome  mobile.

Comment 2 by susan.boorgula@chromium.org, Feb 25 2018

Labels: Needs-Triage-M64

Comment 3 by e...@chromium.org, Feb 26 2018

Components: -Blink>Layout Blink>Layout>MultiCol
Labels: -Pri-2 Pri-3
Status: Available (was: Unconfirmed)

Comment 4 by j...@crewmojo.com, Mar 14 2018 

I have created a fiddle here:

https://jsfiddle.net/jpduckwo/rh61w94y/

There a combination of 
  overflow: hidden;
  transform: translateZ(0);
  border-radius: 6px;

Seems to be reproducible issue. Comment out either one of them and it will work

Comment 5 by mstensho@chromium.org, Apr 5 2018 

Any relation to bug 806543?
►

Sign in to add a comment