Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(65)

Unified Diff: third_party/WebKit/LayoutTests/fast/table/inner-percent-width-doesnt-affect-ancestor-columns.html

Issue 1921973005: [css tables] Don't pass table width increase due to % columns to parents (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: naively pass scaled width to non-table parents Created 4 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/fast/table/inner-percent-width-doesnt-affect-ancestor-columns.html
diff --git a/third_party/WebKit/LayoutTests/fast/table/inner-percent-width-doesnt-affect-ancestor-columns.html b/third_party/WebKit/LayoutTests/fast/table/inner-percent-width-doesnt-affect-ancestor-columns.html
new file mode 100644
index 0000000000000000000000000000000000000000..0ba63539fbf2d77a2615640a269df318af17d3d4
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/table/inner-percent-width-doesnt-affect-ancestor-columns.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
dgrogan 2016/04/28 01:04:31 My first-cut naive approach causes us to still fai
mstensho (USE GERRIT) 2016/04/28 09:18:05 All thanks to the blue DIV which prevents the inne
+This should be identical to <a href="inner-percent-width-doesnt-affect-outer-columns.html">inner-percent-width-doesnt-affect-outer-columns.html</a>
mstensho (USE GERRIT) 2016/04/28 09:18:05 Better copy the pass condition text from there ins
+<table id="outerTable" style="width: 300px" cellspacing="0" cellpadding="0">
+ <td style="background:red;">
+ <div style="background:blue">
+ <table cellspacing="0" cellpadding="0">
+ <td style="width:1%; background:yellow;" data-expected-width="100">
+ <div style="width:20px; height:150px;"></div>
+ </td>
+ </table>
+ </div>
+ </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>

Powered by Google App Engine
This is Rietveld 408576698