Diff
Modified: trunk/LayoutTests/ChangeLog (285988 => 285989)
--- trunk/LayoutTests/ChangeLog 2021-11-18 09:26:01 UTC (rev 285988)
+++ trunk/LayoutTests/ChangeLog 2021-11-18 09:41:56 UTC (rev 285989)
@@ -1,3 +1,12 @@
+2021-11-18 Sergio Villar Senin <[email protected]>
+
+ [css-flexbox] Import WPT tests. November 2021 edition.
+ https://bugs.webkit.org/show_bug.cgi?id=233197
+
+ Reviewed by Martin Robinson.
+
+ * TestExpectations: Added tests that fail since the import.
+
2021-11-18 Ziran Sun <[email protected]>
[css-grid] Transfer size for grid item with an aspect-ratio and stretch alignment against the definite row
Modified: trunk/LayoutTests/TestExpectations (285988 => 285989)
--- trunk/LayoutTests/TestExpectations 2021-11-18 09:26:01 UTC (rev 285988)
+++ trunk/LayoutTests/TestExpectations 2021-11-18 09:41:56 UTC (rev 285989)
@@ -4235,6 +4235,11 @@
webkit.org/b/212046 imported/w3c/web-platform-tests/css/css-flexbox/scrollbars-auto.html [ ImageOnlyFailure ]
webkit.org/b/212046 imported/w3c/web-platform-tests/css/css-flexbox/scrollbars.html [ ImageOnlyFailure ]
+# Used flex-basis should be used to compute definiteness instead of specified.
+webkit.org/b/233196 imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-016.html [ ImageOnlyFailure ]
+webkit.org/b/233196 imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-017.html [ ImageOnlyFailure ]
+webkit.org/b/233196 imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-018.html [ ImageOnlyFailure ]
+
# Static position alignment in Flexbox.
webkit.org/b/221472 imported/w3c/web-platform-tests/css/css-flexbox/abspos/flex-abspos-staticpos-align-self-safe-001.html [ ImageOnlyFailure ]
webkit.org/b/221472 imported/w3c/web-platform-tests/css/css-flexbox/abspos/flex-abspos-staticpos-fallback-align-content-001.html [ ImageOnlyFailure ]
@@ -4255,6 +4260,7 @@
webkit.org/b/221468 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-align-self-horiz-002.xhtml [ ImageOnlyFailure ]
# align baseline in flexbox.
+webkit.org/b/221478 imported/w3c/web-platform-tests/css/css-flexbox/baseline-synthesis-001.html [ ImageOnlyFailure ]
webkit.org/b/221478 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-align-self-baseline-horiz-001a.xhtml [ ImageOnlyFailure ]
webkit.org/b/221478 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-align-self-baseline-horiz-001b.xhtml [ ImageOnlyFailure ]
webkit.org/b/221478 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-align-self-baseline-horiz-006.xhtml [ ImageOnlyFailure ]
@@ -4277,7 +4283,9 @@
webkit.org/b/221480 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-break-request-vert-001b.html [ ImageOnlyFailure ]
# min-size:auto in flexbox.
+webkit.org/b/221481 imported/w3c/web-platform-tests/css/css-flexbox/flex-minimum-height-flex-items-023.html [ ImageOnlyFailure ]
webkit.org/b/221481 imported/w3c/web-platform-tests/css/css-flexbox/flex-minimum-height-flex-items-029.html [ ImageOnlyFailure ]
+webkit.org/b/221481 imported/w3c/web-platform-tests/css/css-flexbox/flex-minimum-width-flex-items-013.html [ ImageOnlyFailure ]
webkit.org/b/221481 imported/w3c/web-platform-tests/css/css-flexbox/flex-minimum-width-flex-items-015.html [ ImageOnlyFailure ]
# visibility:collapse in flex items.
Modified: trunk/LayoutTests/imported/w3c/ChangeLog (285988 => 285989)
--- trunk/LayoutTests/imported/w3c/ChangeLog 2021-11-18 09:26:01 UTC (rev 285988)
+++ trunk/LayoutTests/imported/w3c/ChangeLog 2021-11-18 09:41:56 UTC (rev 285989)
@@ -1,3 +1,38 @@
+2021-11-18 Sergio Villar Senin <[email protected]>
+
+ [css-flexbox] Import WPT tests. November 2021 edition.
+ https://bugs.webkit.org/show_bug.cgi?id=233197
+
+ Reviewed by Martin Robinson.
+
+ * web-platform-tests/css/css-flexbox/baseline-synthesis-001-expected.xht: Added.
+ * web-platform-tests/css/css-flexbox/baseline-synthesis-001.html: Added.
+ * web-platform-tests/css/css-flexbox/baseline-synthesis-002-expected.xht: Added.
+ * web-platform-tests/css/css-flexbox/baseline-synthesis-002.html: Added.
+ * web-platform-tests/css/css-flexbox/column-intrinsic-size-aspect-ratio-crash.html: Added.
+ * web-platform-tests/css/css-flexbox/column-intrinsic-size-aspect-ratio-crash-expected.txt: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-011-expected.txt:
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-011.html:
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-016-expected.xht: Added.
+ * web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-016.html: Added.
+ * web-platform-tests/css/css-flexbox/flex-minimum-height-flex-items-023.html:
+ * web-platform-tests/css/css-flexbox/flex-minimum-width-flex-items-013.html:
+ * web-platform-tests/css/css-flexbox/flexbox-align-self-vert-001-expected.xhtml:
+ * web-platform-tests/css/css-flexbox/flexbox-align-self-vert-001.xhtml:
+ * web-platform-tests/css/css-flexbox/flexbox-align-self-vert-rtl-001-expected.xhtml:
+ * web-platform-tests/css/css-flexbox/flexbox-align-self-vert-rtl-001.xhtml:
+ * web-platform-tests/css/css-flexbox/percentage-heights-016-expected.xht: Added.
+ * web-platform-tests/css/css-flexbox/percentage-heights-016.html: Added.
+ * web-platform-tests/css/css-flexbox/percentage-heights-017-expected.xht: Added.
+ * web-platform-tests/css/css-flexbox/percentage-heights-017.html: Added.
+ * web-platform-tests/css/css-flexbox/percentage-heights-018-expected.xht: Added.
+ * web-platform-tests/css/css-flexbox/percentage-heights-018.html: Added.
+ * web-platform-tests/css/css-flexbox/percentage-heights-019-expected.xht: Added.
+ * web-platform-tests/css/css-flexbox/percentage-heights-019.html: Added.
+ * web-platform-tests/css/css-flexbox/table-as-item-large-intrinsic-size-expected.xht: Added.
+ * web-platform-tests/css/css-flexbox/table-as-item-large-intrinsic-size.html: Added.
+ * web-platform-tests/css/css-flexbox/w3c-import.log:
+
2021-11-17 Youenn Fablet <[email protected]>
Add support for more rvfc metadata
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/baseline-synthesis-001-expected.xht (0 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/baseline-synthesis-001-expected.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/baseline-synthesis-001-expected.xht 2021-11-18 09:41:56 UTC (rev 285989)
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/baseline-synthesis-001.html (0 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/baseline-synthesis-001.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/baseline-synthesis-001.html 2021-11-18 09:41:56 UTC (rev 285989)
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<link rel="help" href=""
+<link rel="match" href=""
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="display: flex; writing-mode: vertical-rl; align-items: baseline; text-orientation: mixed;">
+ <div style="background: green; line-height: 100px; height: 50px; color: transparent;">text</div>
+ <div style="background: green; width: 100px; height: 50px;"></div> <!-- text-orientation: mixed should synthesize the baseline in the block middle. -->
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/baseline-synthesis-002-expected.xht (0 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/baseline-synthesis-002-expected.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/baseline-synthesis-002-expected.xht 2021-11-18 09:41:56 UTC (rev 285989)
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/baseline-synthesis-002.html (0 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/baseline-synthesis-002.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/baseline-synthesis-002.html 2021-11-18 09:41:56 UTC (rev 285989)
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<link rel="help" href=""
+<link rel="match" href=""
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="display: flex; writing-mode: vertical-rl; align-items: baseline; text-orientation: sideways; position: relative; background: red;">
+ <div style="background: green; line-height: 100px; font-size: 0; height: 50px;"><div style="display: inline-block;"></div></div>
+ <div style="background: green; width: 50px; height: 50px;"></div> <!-- text-orientation: sideways should synthesize the baseline at the block-end edge. -->
+ <div style="background: green; position: absolute; left: 0; bottom: 0; width: 50px; height: 50px;"></div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/column-intrinsic-size-aspect-ratio-crash-expected.txt (0 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/column-intrinsic-size-aspect-ratio-crash-expected.txt (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/column-intrinsic-size-aspect-ratio-crash-expected.txt 2021-11-18 09:41:56 UTC (rev 285989)
@@ -0,0 +1,9 @@
+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x50
+ RenderBlock {HTML} at (0,0) size 800x50
+ RenderBody {BODY} at (8,16) size 784x18
+ RenderBlock {P} at (0,0) size 784x18
+ RenderText {#text} at (0,0) size 184x17
+ text run at (0,0) width 184: "Test passes if it doesn't crash."
+ RenderFlexibleBox {DIV} at (0,34) size 0x0
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/column-intrinsic-size-aspect-ratio-crash.html (0 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/column-intrinsic-size-aspect-ratio-crash.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/column-intrinsic-size-aspect-ratio-crash.html 2021-11-18 09:41:56 UTC (rev 285989)
@@ -0,0 +1,6 @@
+<!doctype html>
+<link rel="issue" href="" />
+
+<p>Test passes if it doesn't crash.</p>
+
+<div style="display: flex; aspect-ratio: 1/1; flex-flow: column; float: left"></div>
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-011-expected.txt (285988 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-011-expected.txt 2021-11-18 09:26:01 UTC (rev 285988)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-011-expected.txt 2021-11-18 09:41:56 UTC (rev 285989)
@@ -5,7 +5,13 @@
PASS .flexbox 4
PASS .flexbox 5
PASS .flexbox 6
-PASS .flexbox 7
+FAIL .flexbox 7 assert_equals:
+<div class="flexbox column" style="height: 10px; width: 50px;" data-expected-height="10">
+ <!-- should use min(specified=100, content height=50) = 50px as minimum height,
+ which the image will shrink to due to default flex-shrink. -->
+ <img src="" style="height: 100px;" data-expected-height="50">
+</div>
+height expected 50 but got 10
PASS .flexbox 8
PASS .flexbox 9
PASS .flexbox 10
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-011.html (285988 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-011.html 2021-11-18 09:26:01 UTC (rev 285988)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-column-011.html 2021-11-18 09:41:56 UTC (rev 285989)
@@ -52,10 +52,10 @@
data-expected-width="5" data-expected-height="5">
</div>
-<div class="flexbox column" style="height: 10px;" data-expected-height="10">
- <!-- should use min(specified, content height) = 10px as minimum height,
+<div class="flexbox column" style="height: 10px; width: 50px;" data-expected-height="10">
+ <!-- should use min(specified=100, content height=50) = 50px as minimum height,
which the image will shrink to due to default flex-shrink. -->
- <img src="" style="height: 100px;" data-expected-height="10">
+ <img src="" style="height: 100px;" data-expected-height="50">
</div>
<div class="flexbox" style="height: 10px;" data-expected-height="10">
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-016-expected.xht (0 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-016-expected.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-016-expected.xht 2021-11-18 09:41:56 UTC (rev 285989)
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-016.html (0 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-016.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-016.html 2021-11-18 09:41:56 UTC (rev 285989)
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<title>aspect-ratio flex item</title>
+<link rel="help" href="" title="Part E">
+<link rel="match" href="" />
+<meta name="assert" content="% max-height is updated when height of parent changes when %max-height affects max-content size of item">
+
+<style>
+#target {
+ display: flex;
+ align-items: start;
+ width: 50px;
+ height: 50px;
+}
+
+img {
+ /* Remove min-width:auto because it complicates things. */
+ min-width: 0px;
+ max-height: 100%;
+ background: green;
+}
+</style>
+
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div id="target">
+ <!-- This image's natural size is 1000x1000 -->
+ <img src=""
+">
+</div>
+
+<script>
+document.body.offsetTop;
+target.style.width = '100px';
+document.body.offsetTop;
+target.style.height = '100px';
+</script>
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-minimum-height-flex-items-023.html (285988 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-minimum-height-flex-items-023.html 2021-11-18 09:26:01 UTC (rev 285988)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-minimum-height-flex-items-023.html 2021-11-18 09:41:56 UTC (rev 285989)
@@ -27,12 +27,25 @@
specified size suggestion). We ignore transferred size suggestion because
this item has a specified size.
-5. content size suggestion = 150, because 150 is the min-content size in the
- main axis.
+5. content size suggestion = 50px because the stretched width of 100px is sent
+ through the 2:1 aspect ratio to determine the image's min-content size in the
+ block axis.
+ 5a. This flex container qualifies for 9.8.3:
+
+ If a single-line flex container has a definite cross size, the automatic
+ preferred outer cross size of any stretched flex items is the flex
+ container's inner cross size (clamped to the flex item's min and max cross
+ size) and is considered definite.
+
+ So the preferred width of the image is 100px.
+ 5b. The float specified by the min-content calculation from css-sizing 5.1 is
+ <img src="" style="width: 100px; float: left;" />
+ This element gets height 50px.
+
6. specified size suggestion = 100px because that's what's specified.
-7. So content-based min size = min(150, 100) = 100px. That becomes its flexed
+7. So content-based min size = min(50, 100) = 50px. That becomes its flexed
height (see #1).
8. Then, the item stretches its width to 100px. The item has an aspect ratio,
@@ -39,17 +52,10 @@
so does the new width change the height? Not according to
https://drafts.csswg.org/css-flexbox/#algo-stretch, which says "Note that
this step does not affect the main size of the flex item, even if it has an
- intrinsic aspect ratio." The height remains 100px.
+ intrinsic aspect ratio." The height remains 50px.
+-->
-FF 77 gives the item height of 50px. It's probably due to a disagreement in #8;
-I think FF applies the aspect ratio of the new stretched width to get a height.
-But it might be a disagreement in #4.
-
-Chrome <= 83 gives the item height 150 because it doesn't treat
-min-height:min-content as min-height:auto. That makes the used min-height be
-150px. That might change in Chrome 84 or 85 when FlexNG launches.
-
--->
+<div style="height: 50px; width: 100px; background: green;"></div>
<div style="display: flex; flex-direction: column; width:100px; height: 0px;">
- <img src="" style="display: flex; min-height: min-content; height: 100px;" />
+ <img src="" style="min-height: min-content; height: 100px;" />
</div>
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-minimum-width-flex-items-013.html (285988 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-minimum-width-flex-items-013.html 2021-11-18 09:26:01 UTC (rev 285988)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-minimum-width-flex-items-013.html 2021-11-18 09:41:56 UTC (rev 285989)
@@ -4,7 +4,7 @@
<link rel="help" href="" />
<link rel="help" href="" />
<link rel="match" href="" />
-<meta name="assert" content="min-width: auto ignores transferred size suggestion when item has a definite specified main size">
+<meta name="assert" content="content size suggestion of a replaced aspect-ratio item accounts for definition stretched cross size">
<style>
#reference-overlapped-red {
@@ -19,25 +19,16 @@
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="reference-overlapped-red"></div>
-<div style="width:100px; height: 75px; background: green;"></div>
-<div style="display: flex; width: 0px; height: 25px;">
+<div style="width:100px; height: 50px; background: green;"></div> <!-- This just completes the green square. -->
+<div style="display: flex; width: 0px; height: 50px;">
<!--
- content size suggestion is 300px
- specified size suggestion is 100px
+ content size suggestion is 100px because the image has a stretched height of 50px. So min-content size of the image is 300x150/50 = 100.
+ specified size suggestion is 150px
+ transferred size suggestion is 100px
- Chrome 87 and Firefox 84a1 disagree about transferred size suggestion here
- (Chrome says undefined. Firefox says 300/150 * 25 = 50. See spec issue
- above.) but it doesn't matter: this test asserts that the transferred size
- suggestion is ignored, because of this from the spec (capitalization
- added):
+ transferred size suggestion is ignored because there is a specified size.
- In general, the content-based minimum size of a flex item is the smaller of
- its content size suggestion and its specified size suggestion. However, if
- the box has an aspect ratio AND NO specified size, its content-based
- minimum size is the smaller of its content size suggestion and its
- transferred size suggestion.
-
- So here the content-based minimum size is min(300, 100) = 100.
+ So here the content-based minimum size is min(100px, 150px) = 100px
-->
- <img src="" style="width: 100px;">
+ <img src="" style="width: 999px;">
</div>
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexbox-align-self-vert-001-expected.xhtml (285988 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexbox-align-self-vert-001-expected.xhtml 2021-11-18 09:26:01 UTC (rev 285988)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexbox-align-self-vert-001-expected.xhtml 2021-11-18 09:41:56 UTC (rev 285989)
@@ -12,7 +12,7 @@
<link rel="author" title="Daniel Holbert" href=""
<style>
.flexbox {
- border: 1px dashed blue;
+ border: 1px solid blue;
width: 200px;
font-size: 10px;
}
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexbox-align-self-vert-001.xhtml (285988 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexbox-align-self-vert-001.xhtml 2021-11-18 09:26:01 UTC (rev 285988)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexbox-align-self-vert-001.xhtml 2021-11-18 09:41:56 UTC (rev 285989)
@@ -13,7 +13,7 @@
<link rel="match" href=""
<style>
.flexbox {
- border: 1px dashed blue;
+ border: 1px solid blue;
width: 200px;
display: flex;
flex-direction: column;
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexbox-align-self-vert-rtl-001-expected.xhtml (285988 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexbox-align-self-vert-rtl-001-expected.xhtml 2021-11-18 09:26:01 UTC (rev 285988)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexbox-align-self-vert-rtl-001-expected.xhtml 2021-11-18 09:41:56 UTC (rev 285989)
@@ -13,7 +13,7 @@
<link rel="author" title="Daniel Holbert" href=""
<style>
.flexbox {
- border: 1px dashed blue;
+ border: 1px solid blue;
width: 200px;
direction: rtl;
font-family: sans-serif;
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexbox-align-self-vert-rtl-001.xhtml (285988 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexbox-align-self-vert-rtl-001.xhtml 2021-11-18 09:26:01 UTC (rev 285988)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexbox-align-self-vert-rtl-001.xhtml 2021-11-18 09:41:56 UTC (rev 285989)
@@ -14,7 +14,7 @@
<link rel="match" href=""
<style>
.flexbox {
- border: 1px dashed blue;
+ border: 1px solid blue;
width: 200px;
display: flex;
flex-direction: column;
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-016-expected.xht (0 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-016-expected.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-016-expected.xht 2021-11-18 09:41:56 UTC (rev 285989)
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-016.html (0 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-016.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-016.html 2021-11-18 09:41:56 UTC (rev 285989)
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<title>Fixed indefinite heights</title>
+<link rel="author" title="David Grogan" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<link rel="bookmark" href=""
+<meta name="assert" content="Flex items don't get definite heights just because their specified main sizes are definite." />
+
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+<div style="display: flex; flex-direction: column;">
+ <!-- Remove min-height:auto so we don't have to think about whether it matters. -->
+ <div style="flex: 1 1 content; height: 100px; min-height: 0px;">
+ <div style="height: 100px; width: 100px; background: green;"></div>
+ <div style="height: 100%; width: 100px; background: red;"></div>
+ </div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-017-expected.xht (0 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-017-expected.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-017-expected.xht 2021-11-18 09:41:56 UTC (rev 285989)
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-017.html (0 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-017.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-017.html 2021-11-18 09:41:56 UTC (rev 285989)
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>Fixed indefinite heights</title>
+<link rel="author" title="David Grogan" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<link rel="bookmark" href=""
+<meta name="assert" content="Flex items don't get definite heights just because their specified main sizes are definite. This affects flex items with with a flex-basis that behaves as auto, where the auto-behaving flex-basis derives from omitted flex-basis from flex shorthand." />
+
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+<div style="display: flex; flex-direction: column;">
+ <!-- Remove min-height:auto so we don't have to think about whether it matters. -->
+ <!-- Chrome 96 and Firefox 94 still use 0% as the value of flex-basis when it is omitted from the flex shorthand, despite the recent spec change that dictates 0px instead of 0%. -->
+ <div style="flex: 1 1; height: 100px; min-height: 0px;">
+ <div style="height: 100px; width: 100px; background: green;"></div>
+ <div style="height: 100%; width: 100px; background: red;"></div>
+ </div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-018-expected.xht (0 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-018-expected.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-018-expected.xht 2021-11-18 09:41:56 UTC (rev 285989)
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-018.html (0 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-018.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-018.html 2021-11-18 09:41:56 UTC (rev 285989)
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<title>Fixed indefinite heights</title>
+<link rel="author" title="David Grogan" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<link rel="bookmark" href=""
+<meta name="assert" content="Flex items don't get definite heights just because their specified main sizes are definite. This affects flex items with with a flex-basis that behaves as auto." />
+
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+<div style="display: flex; flex-direction: column;">
+ <!-- Remove min-height:auto so we don't have to think about whether it matters. -->
+ <!-- The 0% behaves as auto because the parent container has an indefinite height. -->
+ <div style="flex: 1 1 0%; height: 100px; min-height: 0px;">
+ <div style="height: 100px; width: 100px; background: green;"></div>
+ <div style="height: 100%; width: 100px; background: red;"></div>
+ </div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-019-expected.xht (0 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-019-expected.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-019-expected.xht 2021-11-18 09:41:56 UTC (rev 285989)
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-019.html (0 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-019.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-019.html 2021-11-18 09:41:56 UTC (rev 285989)
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+ <meta charset="utf-8">
+ <title>CSS Flexbox Test: Test the percentage resolution of a child in a flex item that has an indefinite main size</title>
+ <link rel="author" title="Ting-Yu Lin" href=""
+ <link rel="author" title="Mozilla" href=""
+ <link rel="help" href=""
+ <link rel="help" href=""
+ <link rel="match" href=""
+ <meta name="assert" content="Per 9.8.4, once the outer flex container's cross size has been determined, the inner flex container's main size is considered definite. Then per 9.8.1, the item's post-flexing main size is also treated as definite. Therefore, in the final layout, the child's percentage block-size should be treated as resolvable and should be honored.">
+
+ <style>
+ .outer {
+ display: flex;
+ }
+
+ .inner {
+ display: flex;
+ flex-direction: column;
+ inline-size: 100px;
+ }
+
+ .item {
+ overflow: hidden; /* This is essential to reproduce the bug. */
+ min-block-size: 100px;
+ background: red;
+ }
+
+ .child {
+ block-size: 100%;
+ background: green;
+ }
+ </style>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div class="outer">
+ <div class="inner">
+ <div class="item">
+ <div class="child"></div>
+ </div>
+ </div>
+ </div>
+</html>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-large-intrinsic-size-expected.xht (0 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-large-intrinsic-size-expected.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-large-intrinsic-size-expected.xht 2021-11-18 09:41:56 UTC (rev 285989)
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-large-intrinsic-size.html (0 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-large-intrinsic-size.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-large-intrinsic-size.html 2021-11-18 09:41:56 UTC (rev 285989)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<link rel="help" href=""
+<link rel="match" href=""
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="display: flex; width: 100px; height: 50px;">
+ <table style="position: relative; flex: 1; border-spacing: 0;">
+ <td style="padding: 0;">
+ <div style="height: 100px;"></div>
+ <div style="position: absolute; inset: 0; background: green;"></div>
+ </td>
+ </table>
+</div>
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/w3c-import.log (285988 => 285989)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/w3c-import.log 2021-11-18 09:26:01 UTC (rev 285988)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/w3c-import.log 2021-11-18 09:41:56 UTC (rev 285989)
@@ -137,6 +137,10 @@
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/auto-margins-002.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/auto-margins-003-expected.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/auto-margins-003.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/baseline-synthesis-001-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/baseline-synthesis-001.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/baseline-synthesis-002-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/baseline-synthesis-002.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/box-sizing-001.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/box-sizing-min-max-sizes-001.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/break-nested-float-in-flex-item-001-print-expected.html
@@ -291,6 +295,8 @@
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-014.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-015-expected.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-015.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-016-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-aspect-ratio-img-row-016.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-basis-001-expected.xht
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-basis-001.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flex-basis-002-expected.xht
@@ -1599,6 +1605,14 @@
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-014.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-015-expected.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-015.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-016-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-016.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-017-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-017.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-018-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-018.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-019-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-019.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-margins-001.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-max-height-001-expected.xht
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/percentage-max-height-001.html
@@ -1695,6 +1709,8 @@
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-1.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-2-expected.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-2.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-large-intrinsic-size-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-large-intrinsic-size.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-min-content-height-1.tentative-expected.xht
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-min-content-height-1.tentative.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-min-content-height-2.tentative-expected.xht
Added: trunk/LayoutTests/platform/ios/imported/w3c/web-platform-tests/css/css-flexbox/column-intrinsic-size-aspect-ratio-crash-expected.txt (0 => 285989)
--- trunk/LayoutTests/platform/ios/imported/w3c/web-platform-tests/css/css-flexbox/column-intrinsic-size-aspect-ratio-crash-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios/imported/w3c/web-platform-tests/css/css-flexbox/column-intrinsic-size-aspect-ratio-crash-expected.txt 2021-11-18 09:41:56 UTC (rev 285989)
@@ -0,0 +1,9 @@
+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x52
+ RenderBlock {HTML} at (0,0) size 800x52
+ RenderBody {BODY} at (8,16) size 784x20
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 189x19
+ text run at (0,0) width 189: "Test passes if it doesn't crash."
+ RenderFlexibleBox {DIV} at (0,36) size 0x0
Added: trunk/LayoutTests/platform/mac/imported/w3c/web-platform-tests/css/css-flexbox/column-intrinsic-size-aspect-ratio-crash-expected.txt (0 => 285989)
--- trunk/LayoutTests/platform/mac/imported/w3c/web-platform-tests/css/css-flexbox/column-intrinsic-size-aspect-ratio-crash-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/mac/imported/w3c/web-platform-tests/css/css-flexbox/column-intrinsic-size-aspect-ratio-crash-expected.txt 2021-11-18 09:41:56 UTC (rev 285989)
@@ -0,0 +1,9 @@
+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x50
+ RenderBlock {HTML} at (0,0) size 800x50
+ RenderBody {BODY} at (8,16) size 784x18
+ RenderBlock {P} at (0,0) size 784x18
+ RenderText {#text} at (0,0) size 189x18
+ text run at (0,0) width 189: "Test passes if it doesn't crash."
+ RenderFlexibleBox {DIV} at (0,34) size 0x0
