forked from mirrors/gecko-dev
3ce84f0650
Automatic update from web-platform-tests Legacy block fragmentation support for ruby annotations. Ruby annotations aren't part of any line box, so we need to include them manually when checking whether a line fits in the current fragmentainer, or whether it needs to be pushed to the next one. This is already mostly working in LayoutNGBlockFragmentation, but one of the new tests is failing there. This will be addressed in a follow-up CL. Bug: 631314 Change-Id: I9afd643a0d7b2ebc1b3053a111e1f10e256b3794 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3065653 Commit-Queue: Morten Stenshorne <mstensho@chromium.org> Reviewed-by: Koji Ishii <kojii@chromium.org> Reviewed-by: Kent Tamura <tkent@chromium.org> Cr-Commit-Position: refs/heads/master@{#908369} -- wpt-commits: 0c37904c49048535d0a35a85dbc1db98d0a8acfe wpt-pr: 29881
28 lines
1.1 KiB
HTML
28 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
|
<link rel="help" href="https://www.w3.org/TR/css-break-3/#breaking-rules">
|
|
<link rel="help" href="https://www.w3.org/TR/css-ruby-1/">
|
|
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
|
|
<style>
|
|
ruby div {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 25px;
|
|
background: green;
|
|
}
|
|
.main {
|
|
height: 75px;
|
|
}
|
|
.annotation {
|
|
height: 25px;
|
|
}
|
|
</style>
|
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
|
<div style="width:100px; height:100px; background:red;">
|
|
<div style="columns:4; column-fill:auto; column-gap:0; height:175px; orphans:1; widows:1;">
|
|
<ruby><div class="main"></div><rt><div class="annotation"></div></rt></ruby><br>
|
|
<ruby><div class="main"></div><rt><div class="annotation"></div></rt></ruby><br>
|
|
<ruby><div class="main"></div><rt><div class="annotation"></div></rt></ruby><br>
|
|
<ruby><div class="main"></div><rt><div class="annotation"></div></rt></ruby><br>
|
|
</div>
|
|
</div>
|