LayoutTests/fast/table/html-table-width-max-width-constrained.html - Issue 14141004: Fix table sizing when 'max-width' is used

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/fast/table/html-table-width-max-width-constrained.html

Issue 14141004: Fix table sizing when 'max-width' is used (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Updated the test to use Ahem for consistency across platforms Created 7 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:

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <html>

	3 <head>

	4 <style>

	5 table {

	6 font: 20px/1 Ahem;

	7 border-collapse: separate;

	8 table-layout: fixed;

	9 max-width: 300px;

	10 width: 300px;

	11 border: 1px solid #dddddd;

	12 border-spacing: 0px;

	13 }

	14

	15 td {

	16 padding: 0px;

	17 width: 200px;

	18 border-left: 1px solid #dddddd;

	19 }

	20 </style>

	21 <script src="../../resources/check-layout.js"></script>

	22 </head>

	23 <body onload="checkLayout('table')">

	24 <div>This test checks that a fixed table layout with max-width doesn't over- constraint the cell (ie the content width still wins over max-width per the spec ification).</div>

	25 <div>For this test to pass, the second cell shouldn't bleed out of the table .</div>

	26 <table data-expected-width="404">

	27 <tbody>

	28 <tr>

	29 <td>Cell text</td>

	30 <td>Cell text text text text</td>

	31 </tr>

	32 </tbody>

	33 </table>

	34 </body></html>

OLD	NEW