OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 .container { | 5 .container { |
6 height: 100px; | 6 height: 100px; |
7 width: 400px; | 7 width: 400px; |
8 -webkit-column-width: 100px; | 8 -webkit-column-width: 100px; |
9 -webkit-column-gap: 0px; | 9 -webkit-column-gap: 0px; |
| 10 column-width: 100px; |
| 11 column-gap: 0px; |
| 12 column-fill: auto; |
10 } | 13 } |
11 | 14 |
12 .percentLogicalHeight { | 15 .percentLogicalHeight { |
13 -webkit-writing-mode: vertical-lr; | 16 -webkit-writing-mode: vertical-lr; |
14 height: 100%; | 17 height: 100%; |
15 width: 100%; | 18 width: 100%; |
16 background-color: navy; | 19 background-color: navy; |
17 } | 20 } |
18 </style> | 21 </style> |
19 </head> | 22 </head> |
20 <script src="../../resources/check-layout.js"></script> | 23 <script src="../../resources/check-layout.js"></script> |
21 <body onload="checkLayout('.percentLogicalHeight')"> | 24 <body onload="checkLayout('.percentLogicalHeight')"> |
22 <p><a href="https://bugs.webkit.org/show_bug.cgi?id=103075">Bug 103075</a>: Rend
erBox::computePercentageLogicalHeight should use containingBlockLogicalWidthForC
ontent</p> | 25 <p><a href="https://bugs.webkit.org/show_bug.cgi?id=103075">Bug 103075</a>: Rend
erBox::computePercentageLogicalHeight should use containingBlockLogicalWidthForC
ontent</p> |
23 <p>This test checks that a percent logical height child in an orthogonal writing
mode uses the multi-column's containing block column-width when resolving the l
ogical height.</p> | 26 <p>This test checks that a percent logical height child in an orthogonal writing
mode uses the multi-column's containing block column-width when resolving the l
ogical height.</p> |
24 <div class="container"> | 27 <div class="container"> |
25 <div class="percentLogicalHeight" data-expected-width="100" data-expected-he
ight="100"></div> | 28 <div class="percentLogicalHeight" data-expected-width="100" data-expected-he
ight="100"></div> |
26 </div> | 29 </div> |
27 </body> | 30 </body> |
28 </html> | 31 </html> |
OLD | NEW |