Chromium Code Reviews Chromium Code Reviews
Issue 2281343002:
[css-tables] Mark sibling cells dirty when a cell is added (Closed)
| Index: third_party/WebKit/LayoutTests/fast/table/add-cell-with-large-border.html |
| diff --git a/third_party/WebKit/LayoutTests/fast/table/add-cell-with-large-border.html b/third_party/WebKit/LayoutTests/fast/table/add-cell-with-large-border.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..0acfb79ab6c098bce3bfe43d2fa5bf0393372b53 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/fast/table/add-cell-with-large-border.html |
| @@ -0,0 +1,27 @@ |
| +<!doctype html> |
| +<style> |
| + td { |
| + width: 50px; |
| + height: 50px; |
| + padding: 0px; |
| + background: lime; |
| + } |
| +</style> |
| +<script src="../../resources/check-layout.js"></script> |
| +<script src="../../resources/run-after-layout-and-paint.js"></script> |
| +<script type="text/javascript"> |
| + function addMiddleCell() { |
| + var cellToAdd = document.createElement("td"); |
|
mstensho (USE GERRIT)
2016/08/29 09:07:17
I'm pretty sure making DOM tree structure changes
dgrogan
2016/08/31 21:42:18
Ah, thanks for the tip.
|
| + cellToAdd.style.border = "18px solid lightblue"; |
| + theRow.insertBefore(cellToAdd, rightCell); |
| + checkLayout("table"); |
| + } |
| + runAfterLayoutAndPaint(addMiddleCell, true); |
| +</script> |
| +<p>Adding a middle cell with a large border should make the table expand to accommodate it. The outer two cells' widths should also take on half of the new large border's width.</p> |
| +<table style="border-collapse:collapse" data-expected-width=190> |
| + <tr id="theRow"> |
| + <td style="border:4px solid black" data-expected-width=61></td> |
| + <td data-expected-width=59 id="rightCell"></td> |
| + </tr> |
| +</table> |
