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-width-using-col-colgroup-span.html |
| diff --git a/LayoutTests/fast/table/resize-table-width-using-col-colgroup-span.html b/LayoutTests/fast/table/resize-table-width-using-col-colgroup-span.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..72d7a60a21178f7b659883ea6b213001ded174b7 |
| --- /dev/null |
| +++ b/LayoutTests/fast/table/resize-table-width-using-col-colgroup-span.html |
| @@ -0,0 +1,59 @@ |
| +<!DOCTYPE html> |
| +<html> |
| + <head> |
| + <style> |
| + #thecol { |
| + width: 200px; |
| + } |
| + td { |
| + height: 25px; |
| + } |
| + </style> |
| + <script type="text/javascript"> |
| + function runTest() { |
| + var col = document.getElementById('thecol'); |
| + col.offsetTop; |
| + col.style.width="100px"; |
| + window.checkLayout("#td1", document.getElementById("test-output")); |
|
mstensho (USE GERRIT)
2015/01/09 21:21:35
No need for "window.".
I'd also store document.ge
|
| + window.checkLayout("#td2", document.getElementById("test-output")); |
| + window.checkLayout("#td3", document.getElementById("test-output")); |
| + window.checkLayout("#td4", document.getElementById("test-output")); |
| + window.checkLayout("#td5", document.getElementById("test-output")); |
| + window.checkLayout("#td6", document.getElementById("test-output")); |
| + window.checkLayout("#td7", document.getElementById("test-output")); |
| + window.checkLayout("#td8", document.getElementById("test-output")); |
| + window.checkLayout("#td9", document.getElementById("test-output")); |
| + } |
| + </script> |
| + <script src="../../resources/check-layout.js"></script> |
| + </head> |
| + <body onload="runTest()"> |
| + Tests that the width of table cell changes on changing the colgroup width to new width. |
| + <table> |
| + <colgroup id="thecol" span="4" style="background-color:red"/> |
| + </col> |
| + <thead> |
| + <tr> |
| + <td id="td1" data-expected-width="100"></td> |
| + <td id="td2" data-expected-width="100"></td> |
| + <td id="td3" data-expected-width="100"></td> |
| + </tr> |
| + </thead> |
| + <tfoot> |
| + <tr> |
| + <td id="td4" data-expected-width="100"></td> |
| + <td id="td5" data-expected-width="100"></td> |
| + <td id="td6" data-expected-width="100"></td> |
| + </tr> |
| + </tfoot> |
| + <tbody> |
| + <tr> |
| + <td id="td7" data-expected-width="100"></td> |
| + <td id="td8" data-expected-width="100"></td> |
| + <td id="td9" data-expected-width="100"></td> |
| + </tr> |
| + </tbody> |
| + </table> |
| + <div id="test-output"></div> |
| + </body> |
| +</html> |
