mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-12 22:28:59 +02:00
aa82058557
Automatic update from web-platform-tests Don't consider fieldsets as replaced content. They should be treated as regular block containers, as far as sizing is concerned. The LayoutNG out-of-flow positioning machinery treated fieldsets as replaced (since it was told to), and ended up with an incorrect inline-size. A "side-effect" of this fix is that now that fieldsets are no longer treated as replaced content, they can can also fragment inside multicol containers or paged media - just like any other block-level container. This is good. There should be no reason to prohibit fragmentainer breaks inside fieldsets. Added a test for it, to assert the new behavior. Bug: 979523 Change-Id: I2fd73f8324d3207c5d12c500b5632f631468ab34 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1685096 Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org> Reviewed-by: Koji Ishii <kojii@chromium.org> Commit-Queue: Morten Stenshorne <mstensho@chromium.org> Cr-Commit-Position: refs/heads/master@{#674096} -- wpt-commits: 727763fa27f9d8d36c1c337dc2ac52ac092c61f0 wpt-pr: 17602
21 lines
829 B
HTML
21 lines
829 B
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/#possible-breaks">
|
|
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
|
|
<style>
|
|
fieldset { margin:0; border:none; padding:0; }
|
|
.block { break-inside:avoid; height:50px; background:green; }
|
|
.fail { background:red; }
|
|
</style>
|
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
|
<div style="columns:2; column-fill:auto; width:100px; height:140px; column-gap:0; overflow:hidden;">
|
|
<fieldset>
|
|
<div class="block"></div>
|
|
<div class="block"></div>
|
|
<div class="block"></div>
|
|
<div class="block"></div>
|
|
|
|
<!-- No room for this - should be clipped: -->
|
|
<div class="block fail"></div>
|
|
</fieldset>
|
|
</div>
|