| Index: LayoutTests/imported/csswg-test/css-writing-modes-3/orthogonal-parent-shrink-to-fit-001.html
|
| diff --git a/LayoutTests/imported/csswg-test/css-writing-modes-3/orthogonal-parent-shrink-to-fit-001.html b/LayoutTests/imported/csswg-test/css-writing-modes-3/orthogonal-parent-shrink-to-fit-001.html
|
| index 3abfaac5870b37f90cc57204320e63adcc424a1c..438d2a0cd607ae7eb5e96a3f15f2cf2af6c4ec0d 100644
|
| --- a/LayoutTests/imported/csswg-test/css-writing-modes-3/orthogonal-parent-shrink-to-fit-001.html
|
| +++ b/LayoutTests/imported/csswg-test/css-writing-modes-3/orthogonal-parent-shrink-to-fit-001.html
|
| @@ -1,8 +1,8 @@
|
| <!DOCTYPE html>
|
| -<title>CSS Writing Modes Test: Orthogonal parent shrink-to-fit</title>
|
| +<title>CSS Writing Modes Test: Shrink-to-fit with orthogonal children</title>
|
| <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows">
|
| -<meta name="assert" content="Parent's min-content width in orthorgonal flows">
|
| -<meta name="flags" content="combo ahem">
|
| +<meta name="assert" content="Shrink-to-fit with orthogonal children">
|
| +<meta name="flags" content="ahem combo">
|
| <link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com">
|
| <script src="../../../resources/testharness.js"></script>
|
| <script src="../../../resources/testharnessreport.js"></script>
|
| @@ -41,68 +41,108 @@ td {
|
| padding:0px;
|
| }
|
| </style>
|
| +<div id="log"></div>
|
| <div id="container">
|
| <p>Test passes if the <b>left</b> edge of the orange box <b>touches</b> the <b>right</b> edge of the blue box.
|
| There should be no spaces nor overlaps.
|
| <p>The blue box must be <b>tall</b>, the height should be as twice as the width.
|
| <p>If script is enabled, there should be one or more PASS and no FAIL.
|
| -<h3>Orthogonal block in inline-block</h3>
|
| +<h3>1: Shrink-to-fit inline-block with a child of orthogonal block</h3>
|
| <div class="test">
|
| <div class="inline-block"><div class="target">XX</div></div><span class="next">YY</span>
|
| </div>
|
| -<h3>Orthogonal inline in inline-block</h3>
|
| +<h3>2: Shrink-to-fit inline-block with a child of orthogonal inline</h3>
|
| <div class="test">
|
| <div class="inline-block"><span class="target">XX</span></div><span class="next">YY</span>
|
| </div>
|
| -<h3>Orthogonal inline in float</h3>
|
| +<h3>3: Shrink-to-fit inline-block with a child of orthogonal block with borders</h3>
|
| <div class="test">
|
| - <div class="float"><span class="target">XX</span></div><span class="next">YY</span>
|
| + <div class="inline-block"><div class="target border">XXX</div></div><span class="next">YY</span>
|
| </div>
|
| -<h3>Orthogonal block in float</h3>
|
| +<h3>4: Shrink-to-fit inline-block with a child of orthogonal inline with borders</h3>
|
| <div class="test">
|
| - <div class="float"><div class="target">XX</div></div><span class="next">YY</span>
|
| + <div class="inline-block"><span class="target border">XXX</span></div><span class="next">YY</span>
|
| </div>
|
| -<h3>Orthogonal block in table-cell</h3>
|
| +<h3>5: Shrink-to-fit inline-block with a child of orthogonal block in inline-block</h3>
|
| <div class="test">
|
| - <table><tr><td><div class="target">XX</div></td><td class="next">YY</td></tr></table>
|
| + <div class="inline-block"><div class="inline-block"><div class="target">XX</div></div></div><span class="next">YY</span>
|
| </div>
|
| -<h3>Orthogonal inline in table-cell</h3>
|
| +<h3>6: Shrink-to-fit inline-block with a child of orthogonal inline in inline-block</h3>
|
| <div class="test">
|
| - <table><tr><td><span class="target">XX</span></td><td class="next">YY</td></tr></table>
|
| + <div class="inline-block"><div class="inline-block"><span class="target">XX</span></div></div><span class="next">YY</span>
|
| </div>
|
| -<h3>Orthogonal block with borders in inline-block</h3>
|
| +<h3>7: Shrink-to-fit inline-block with a child of orthogonal block with borders in inline-block</h3>
|
| <div class="test">
|
| - <div class="inline-block"><div class="target border">XXX</div></div><span class="next">YY</span>
|
| + <div class="inline-block"><div class="inline-block"><div class="target border">XXX</div></div></div><span class="next">YY</span>
|
| </div>
|
| -<h3>Orthogonal inline with borders in inline-block</h3>
|
| +<h3>8: Shrink-to-fit inline-block with a child of orthogonal inline with borders in inline-block</h3>
|
| <div class="test">
|
| - <div class="inline-block"><span class="target border">XXX</span></div><span class="next">YY</span>
|
| + <div class="inline-block"><div class="inline-block"><span class="target border">XXX</span></div></div><span class="next">YY</span>
|
| </div>
|
| -<h3>Orthogonal inline with borders in float</h3>
|
| +<h3>9: Shrink-to-fit float with a child of orthogonal block</h3>
|
| <div class="test">
|
| - <div class="float"><span class="target border">XXX</span></div><span class="next">YY</span>
|
| + <div class="float"><div class="target">XX</div></div><span class="next">YY</span>
|
| +</div>
|
| +<h3>10: Shrink-to-fit float with a child of orthogonal inline</h3>
|
| +<div class="test">
|
| + <div class="float"><span class="target">XX</span></div><span class="next">YY</span>
|
| </div>
|
| -<h3>Orthogonal block with borders in float</h3>
|
| +<h3>11: Shrink-to-fit float with a child of orthogonal block with borders</h3>
|
| <div class="test">
|
| <div class="float"><div class="target border">XXX</div></div><span class="next">YY</span>
|
| </div>
|
| -<h3>Orthogonal block with borders in table-cell</h3>
|
| +<h3>12: Shrink-to-fit float with a child of orthogonal inline with borders</h3>
|
| +<div class="test">
|
| + <div class="float"><span class="target border">XXX</span></div><span class="next">YY</span>
|
| +</div>
|
| +<h3>13: Shrink-to-fit float with a child of orthogonal block in inline-block</h3>
|
| +<div class="test">
|
| + <div class="float"><div class="inline-block"><div class="target">XX</div></div></div><span class="next">YY</span>
|
| +</div>
|
| +<h3>14: Shrink-to-fit float with a child of orthogonal inline in inline-block</h3>
|
| +<div class="test">
|
| + <div class="float"><div class="inline-block"><span class="target">XX</span></div></div><span class="next">YY</span>
|
| +</div>
|
| +<h3>15: Shrink-to-fit float with a child of orthogonal block with borders in inline-block</h3>
|
| +<div class="test">
|
| + <div class="float"><div class="inline-block"><div class="target border">XXX</div></div></div><span class="next">YY</span>
|
| +</div>
|
| +<h3>16: Shrink-to-fit float with a child of orthogonal inline with borders in inline-block</h3>
|
| +<div class="test">
|
| + <div class="float"><div class="inline-block"><span class="target border">XXX</span></div></div><span class="next">YY</span>
|
| +</div>
|
| +<h3>17: Shrink-to-fit table-cell with a child of orthogonal block</h3>
|
| +<div class="test">
|
| + <table><tr><td><div class="target">XX</div></td><td class="next">YY</td></tr></table>
|
| +</div>
|
| +<h3>18: Shrink-to-fit table-cell with a child of orthogonal inline</h3>
|
| +<div class="test">
|
| + <table><tr><td><span class="target">XX</span></td><td class="next">YY</td></tr></table>
|
| +</div>
|
| +<h3>19: Shrink-to-fit table-cell with a child of orthogonal block with borders</h3>
|
| <div class="test">
|
| <table><tr><td><div class="target border">XXX</div></td><td class="next">YY</td></tr></table>
|
| </div>
|
| -<h3>Orthogonal inline with borders in table-cell</h3>
|
| +<h3>20: Shrink-to-fit table-cell with a child of orthogonal inline with borders</h3>
|
| <div class="test">
|
| <table><tr><td><span class="target border">XXX</span></td><td class="next">YY</td></tr></table>
|
| </div>
|
| -<h3>Orthogonal block in inline-block in inline-block</h3>
|
| +<h3>21: Shrink-to-fit table-cell with a child of orthogonal block in inline-block</h3>
|
| <div class="test">
|
| - <div class="inline-block"><div class="inline-block"><div class="target">XX</div></div></div><span class="next">YY</span>
|
| + <table><tr><td><div class="inline-block"><div class="target">XX</div></div></td><td class="next">YY</td></tr></table>
|
| </div>
|
| -<h3>Orthogonal inline in inline-block in inline-block</h3>
|
| +<h3>22: Shrink-to-fit table-cell with a child of orthogonal inline in inline-block</h3>
|
| <div class="test">
|
| - <div class="inline-block"><div class="inline-block"><span class="target">XX</span></div></div><span class="next">YY</span>
|
| + <table><tr><td><div class="inline-block"><span class="target">XX</span></div></td><td class="next">YY</td></tr></table>
|
| +</div>
|
| +<h3>23: Shrink-to-fit table-cell with a child of orthogonal block with borders in inline-block</h3>
|
| +<div class="test">
|
| + <table><tr><td><div class="inline-block"><div class="target border">XXX</div></div></td><td class="next">YY</td></tr></table>
|
| +</div>
|
| +<h3>24: Shrink-to-fit table-cell with a child of orthogonal inline with borders in inline-block</h3>
|
| +<div class="test">
|
| + <table><tr><td><div class="inline-block"><span class="target border">XXX</span></div></td><td class="next">YY</td></tr></table>
|
| </div>
|
| -
|
| </div>
|
| <script>
|
| if (window.location.search == "?wait") {
|
|
|