Chromium Code Reviews Chromium Code Reviews
Issue 208263013:
Col width is not honored when dynamically updated and it would not make table narrower (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| Index: LayoutTests/fast/table/resize-table-using-col-height-vertical-writing-mode.html |
| diff --git a/LayoutTests/fast/table/resize-table-using-col-height-vertical-writing-mode.html b/LayoutTests/fast/table/resize-table-using-col-height-vertical-writing-mode.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..98ff2f3f8fb89ce4e4e3282ac45d4dab14ffe167 |
| --- /dev/null |
| +++ b/LayoutTests/fast/table/resize-table-using-col-height-vertical-writing-mode.html |
| @@ -0,0 +1,37 @@ |
| +<!DOCTYPE html> |
| +<html> |
|
mstensho (USE GERRIT)
2015/01/09 21:21:35
Please omit unnecessary HTML, HEAD and BODY tags h
|
| + <head> |
| + <style> |
| + col { |
|
mstensho (USE GERRIT)
2015/01/09 21:21:35
Indentation is off, here, and in all the other fil
|
| + height: 200px; |
| + } |
| + td { |
| + background-color: #66f; |
| + height: 25px; |
| + } |
| + </style> |
| + <script type="text/javascript"> |
| + function runTest() { |
|
mstensho (USE GERRIT)
2015/01/09 21:21:35
To get rid of the BODY tag, you could rewrite this
|
| + var col = document.getElementById('thecol'); |
| + col.offsetTop; |
| + col.style.height="100px"; |
| + window.checkLayout("td", document.getElementById("test-output")); |
|
mstensho (USE GERRIT)
2015/01/09 21:21:35
No need for "window.".
|
| + } |
| + </script> |
| + <script src="../../resources/check-layout.js"></script> |
| + </head> |
| + <body onload="runTest()"> |
| + Tests that the height of table cell changes on changing the colgroup height to new height. |
| + <table style="-webkit-writing-mode: vertical-lr"> |
| + <colgroup> |
| + <col id="thecol"> |
| + </colgroup> |
| + <tbody> |
| + <tr> |
| + <td id="colWidth" data-expected-height="100">Hello World</td> |
|
mstensho (USE GERRIT)
2015/01/09 21:21:35
Unused id.
|
| + </tr> |
| + </tbody> |
| + </table> |
| + <div id="test-output"></div> |
| + </body> |
| +</html> |
