New issue
Advanced search Search tips

Issue 810855 link

Starred by 3 users
Status: Fixed
Owner: ----
Closed: Feb 2018
Cc:
style-bugs@google.com
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Compat



Sign in to add a comment

CSS Columns rendering issue

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

Example URL:
https://embed.plnkr.co/7r95Z2v970oqcEsF1Wnn/

Steps to reproduce the problem:
1. Create a div with fixed height larger than height needed.
2. Create a child div and set columns css property larger than 0
3. Create text or other elements inside to be displayed in multiple columns

What is the expected behavior?
Text/items should be displayed in multiple columns

What went wrong?
Text/items not rendered correctly.

https://embed.plnkr.co/7r95Z2v970oqcEsF1Wnn/
https://embed.plnkr.co/5mADKaE6LYt1zrLN7FtQ/

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? Yes 63

Does this work in other browsers? Yes

Chrome version: 64.0.3282.140  Channel: stable
OS Version: 10.0
Flash Version:
Capture.PNG
12.1 KB View Download

Comment 1 by vikto...@gmail.com, Feb 9 2018 

Just checked and the issue is present in Version 65.0.3325.51 (Official Build) beta (64-bit) version
Issue appears to be fixed in Version 66.0.3343.3 (Official Build) dev (64-bit)
and Version 66.0.3344.0 (Official Build) canary (64-bit)

Comment 2 by manoranj...@chromium.org, Feb 9 2018

Components: Blink>CSS
Labels: Needs-Triage-M64 Needs-Bisect

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

Status: Fixed (was: Unconfirmed)
Marking as fixed as per comment 1.
►

Sign in to add a comment