OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 .table { | 5 .table { |
6 display: table; | 6 display: table; |
7 height: 100px; | 7 height: 100px; |
8 width: 100px; | 8 width: 100px; |
9 border: 10px green solid; | 9 border: 10px green solid; |
10 padding: 40px; | 10 padding: 40px; |
11 } | 11 } |
12 | 12 |
13 .caption { | 13 .caption { |
14 display: table-caption; | 14 display: table-caption; |
15 -webkit-writing-mode: vertical-lr; | 15 -webkit-writing-mode: vertical-lr; |
16 height: 100%; | 16 height: 100%; |
17 width: 100%; | 17 width: 100%; |
18 background-color: navy; | 18 background-color: navy; |
19 } | 19 } |
20 </style> | 20 </style> |
21 </head> | 21 </head> |
22 <script src="../../resources/check-layout.js"></script> | 22 <script src="../../resources/check-layout.js"></script> |
23 <body onload="checkLayout('.caption')"> | 23 <body onload="checkLayout('.caption')"> |
24 <p><a href="https://bugs.webkit.org/show_bug.cgi?id=103075">Bug 103075</a>: Rend
erBox::computePercentageLogicalHeight should use containingBlockLogicalWidthForC
ontent</p> | 24 <p><a href="https://bugs.webkit.org/show_bug.cgi?id=103075">Bug 103075</a>: Layo
utBox::computePercentageLogicalHeight should use containingBlockLogicalWidthForC
ontent</p> |
25 <p>This test checks that a table caption with an orthogonal writing mode properl
y uses the table's logical width (including padding and borders).</p> | 25 <p>This test checks that a table caption with an orthogonal writing mode properl
y uses the table's logical width (including padding and borders).</p> |
26 <div class="table"> | 26 <div class="table"> |
27 <div class="caption" data-expected-width="200" data-expected-height="100"></
div> | 27 <div class="caption" data-expected-width="200" data-expected-height="100"></
div> |
28 </div> | 28 </div> |
29 </body> | 29 </body> |
30 </html> | 30 </html> |
OLD | NEW |