Ian Kilpatrick
e719b7186b
Automatic update from web-platform-tests [flex-balance] Add a set of dynamic tests to the suite. This patch adds a set of dynamic tests: - 001, flex-line-count changes from 3->2 - 002, flex-line-count changes from initial->2 - 003, flex-line-count changes from 3->initial - 004, flex-wrap changes from initial->balance - 005, flex-wrap changes from balance->wrap - 006, an item width changes from 0px->50px - 007, an item is appended to the flexbox Bug: 416755656 Change-Id: I7afc329564844030fa49dc8180b97b4323d47b04 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7851786 Reviewed-by: David Grogan <dgrogan@chromium.org> Commit-Queue: Ian Kilpatrick <ikilpatrick@chromium.org> Cr-Commit-Position: refs/heads/main@{#1631580} -- wpt-commits: 1d3e3a29cbea965fde1b11eb1fef9f7afbe385f8 wpt-pr: 59913
26 lines
574 B
HTML
26 lines
574 B
HTML
<!DOCTYPE html>
|
|
<link rel="help" href="https://drafts.csswg.org/css-flexbox-2/">
|
|
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
|
|
<style>
|
|
#flex {
|
|
display: flex;
|
|
flex-wrap: balance;
|
|
width: 150px;
|
|
}
|
|
#flex > div {
|
|
width: 50px;
|
|
height: 50px;
|
|
background: green;
|
|
}
|
|
</style>
|
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
|
<div id="flex">
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|
|
<script>
|
|
document.body.offsetTop;
|
|
document.getElementById('flex').appendChild(document.createElement('div'));
|
|
</script>
|