forked from mirrors/gecko-dev
c9fa101263
Automatic update from web-platform-tests [LayoutNG] Don't allow multicol + custom layout on the same node. This should be a useless combination, just like it is to combine flex, grid and tables with multicol. Multicol should only be enabled for nodes that would otherwise create a block container (NGBlockLayoutAlgorithm). Move the custom layout option higher up in the algorithm picker, so that it trumps multicol. Also avoid creating the multicol flow thread if we have custom layout, or we'd confuse other pieces of the engine, when we in fact use custom layout and not multicol. As we move forward with the NG block fragmentation implementation, we'll eventually stop creating the flow thread, but for now, it's still in use, because we use the legacy engine for painting. Bug: 997403, 998423 Change-Id: Id8577da0b129d9182fb9195f508dd57195290ee4 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1774277 Commit-Queue: Morten Stenshorne <mstensho@chromium.org> Reviewed-by: Christian Biesinger <cbiesinger@chromium.org> Reviewed-by: Koji Ishii <kojii@chromium.org> Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org> Cr-Commit-Position: refs/heads/master@{#692447} -- wpt-commits: c05529a9dfbda874a8f1f48eb20248a794c52e71 wpt-pr: 18741
10 lines
727 B
HTML
10 lines
727 B
HTML
<!DOCTYPE html>
|
|
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
|
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=997403">
|
|
<link rel="help" href="https://www.w3.org/TR/css-multicol-1/#cc">
|
|
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
|
|
<meta name="assert" content="column-count and column-width should only apply to block containers, and not tables, flexboxes, grid, custom layout containers, etc.">
|
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
|
<div style="display:layout(parent); column-count:2; width:100px; height:100px; background:red;">
|
|
<div style="height:100px; background:green;"></div>
|
|
</div>
|