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

Issue 642645 link

Starred by 2 users

Issue metadata

Status: Duplicate
Merged: issue 638530
Owner:
NOT IN USE
Closed: Sep 2016
Components:
EstimatedDays: ----
NextAction: ----
OS: Android
Pri: 2
Type: Compat



Sign in to add a comment

column-count is not works well in Chromium 52

Project Member Reported by xfzhang...@gmail.com, Aug 31 2016

Issue description

Example URL:
http://stackoverflow.com/questions/39242261/column-count-is-not-works-in-chromium-52

Steps to reproduce the problem:
load a html that includes below content:

<meta charset="utf-8">
<title>CSS3 MultiColumn Test</title>
<style type="text/css">
  div.content {
    border:2px solid #000;
    width: 36em;
    height: auto;
    column-count: 3;
    column-rule: 3px solid #090;
    column-fill: balance;
  }
</style>
<p>the three lines should be displayed in three different columns.</p>
<div class="content">
  This is the first line.</br>
  This is the second line.</br>
  This is the third line.</br>
</div>

What is the expected behavior?
the three lines are displayed in three different columns

What went wrong?
the three lines are not displayed in three different columns

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? Yes Chromium 51

Does this work in other browsers? N/A 

Chrome version: 52.0.2720.0  Channel: n/a
OS Version: 5.0
Flash Version:
 
Screenshot from 2016-08-31 14:28:36.png
21.9 KB View Download
It works well in Chromium 51.
Screenshot from 2016-08-31 14:28:18.png
8.8 KB View Download

Comment 2 by leon....@intel.com, Sep 5 2016

Components: Blink

Comment 3 by tkent@chromium.org, Sep 5 2016

Components: -Blink Blink>Layout>MultiCol
Labels: Needs-Bisect

Comment 4 by ilk...@gmail.com, Sep 8 2016

Here's one test case: http://codepen.io/anon/pen/VKLAdQ

Looks ok in Firefox/Chromium. Looks broken in Chrome 52.


columns.png
548 KB View Download

Comment 5 by e...@chromium.org, Sep 8 2016

Owner: msten...@opera.com
Status: Assigned (was: Unconfirmed)

Comment 6 by msten...@opera.com, Sep 8 2016

Mergedinto: 638530
Status: Duplicate (was: Assigned)
The initial value of orphans and widows is 2, according to the spec, and this was fixed in Chrome 52.

In the test, if you add "orphans:1; widows:1;" to the div.content declaration block, it should render the way you want.

Sign in to add a comment