[Webkit-unassigned] [Bug 164166] New: Redering flexbox children across columns

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=164166

            Bug ID: 164166
           Summary: Redering flexbox children across columns
    Classification: Unclassified
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: All
                OS: All
            Status: NEW
          Severity: Major
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: dsongman at dannywillia.ms
                CC: simon.fraser at apple.com

Created attachment 293248
  --> https://bugs.webkit.org/attachment.cgi?id=293248&action=review
Screen capture of rendering

I've encountered an issue where Webkit is rendering text across columns (meaning the top portions of characters render at the bottom of the 1st column and the bottom portion of the characters render in the top of the 2nd column).

http://codepen.io/dsongman/pen/ORYeEa

The DOM structure looks like
<div class="wrapper">
  <div class="row">
    <label>Label</label><input type="text">
  </div>
  ... (more rows with same structure) ...
</div>

And CSS is:
.wrapper {
  column-count: 2
}
.row {
  display: flex;
}

The demo has 5 rows. The third row will render partially in both columns.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20161029/61c30ad0/attachment.html>