Index: third_party/WebKit/LayoutTests/fast/table/inner-percent-width-doesnt-affect-outer-columns.html |
diff --git a/third_party/WebKit/LayoutTests/fast/table/inner-percent-width-doesnt-affect-outer-columns.html b/third_party/WebKit/LayoutTests/fast/table/inner-percent-width-doesnt-affect-outer-columns.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..ff14ce00227fa42a87433f7c11fc9a5cb07e8cae |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/table/inner-percent-width-doesnt-affect-outer-columns.html |
@@ -0,0 +1,20 @@ |
+<!DOCTYPE html> |
+No red should show. Yellow and blue rectangles are in proportion to their |
+contents' intrinsic widths, not affected by yellow's percent-width bloating the |
+inner table. |
+<table id="outerTable" style="width: 300px" cellspacing="0" cellpadding="0"> |
+ <td style="background:red;"> |
+ <table cellspacing="0" cellpadding="0"> |
+ <td style="width:1%; background:yellow;" data-expected-width="100"> |
+ <div style="width:20px; height:150px;"></div> |
+ </td> |
+ </table> |
+ </td> |
+ <td style="background:lightblue;" data-expected-width="200"> |
+ <div style="width:40px; height:150px;"></div> |
+ </td> |
+</table> |
+<script src="../../resources/check-layout.js"></script> |
+<script> |
+checkLayout('#outerTable'); |
+</script> |