Chromium Code Reviews Chromium Code Reviews
Issue 151993004:
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/dom/HTMLTableColElement/resize-table-width-using-col-width.html |
| diff --git a/LayoutTests/fast/dom/HTMLTableColElement/resize-table-width-using-col-width.html b/LayoutTests/fast/dom/HTMLTableColElement/resize-table-width-using-col-width.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..c5ccdd1d62debb135eb94a83a7067f89915a5232 |
| --- /dev/null |
| +++ b/LayoutTests/fast/dom/HTMLTableColElement/resize-table-width-using-col-width.html |
| @@ -0,0 +1,44 @@ |
| +<!DOCTYPE html> |
| +<html> |
| + <head> |
| + <style> |
| + col { |
| + width: 200px; |
| + } |
| + td { |
| + background-color: #66f; |
| + height: 25px; |
| + } |
| + </style> |
| + <script type="text/javascript"> |
| + function changeColWidthUsingWidth(){ |
| + var col = document.getElementById('thecol'); |
| + col.style.width="100px"; |
| + window.checkLayout("td", document.getElementById("test-output")); |
| + } |
| + </script> |
| + <script src="../../../resources/check-layout.js"></script> |
| + </head> |
| + <body> |
| + Tests that the width of table cell changes on changing the colgroup width to new width. |
| + <table> |
| + <colgroup> |
| + <col id="thecol"> |
| + </colgroup> |
| + <tbody> |
| + <tr> |
| + <td id="colWidth" data-expected-width="100"></td> |
| + </tr> |
| + </tbody> |
| + </table> |
| + <button onclick="changeColWidthUsingWidth();">Click me to test manually. The column should shrink to 100px.</button> |
|
Julien - ping for review
2014/03/01 00:27:55
It would be nicer without a button, using the 'loa
|
| + <div id="test-output"></div> |
| + </body> |
| + <script> |
| + if (window.eventSender) { |
| + eventSender.mouseMoveTo(50, 75); |
| + eventSender.mouseDown(); |
| + eventSender.mouseUp(); |
| + } |
| + </script> |
| +</html> |
