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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/table/css-table-max-width.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:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « no previous file | LayoutTests/fast/table/css-table-max-width-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <style type="text/css"> 4 <style type="text/css">
5 .parent 5 .parent
6 { 6 {
7 width:300px; 7 width:300px;
8 border:1px solid green; 8 border:1px solid green;
9 } 9 }
10 10
(...skipping 24 matching lines...) Expand all
35 qui officia deserunt mollit anim id est laborum. 35 qui officia deserunt mollit anim id est laborum.
36 </div> 36 </div>
37 <div id="onlyMaxWidthAutoLayout" class="child" style="display:table; max-wid th:200px; width:100%;"> 37 <div id="onlyMaxWidthAutoLayout" class="child" style="display:table; max-wid th:200px; width:100%;">
38 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 38 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
39 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ven iam, 39 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ven iam,
40 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 40 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
41 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum do lore eu 41 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum do lore eu
42 fugiat nulla pariatur.Excepteur sint occaecat cupidatat non proident, su nt in culpa 42 fugiat nulla pariatur.Excepteur sint occaecat cupidatat non proident, su nt in culpa
43 qui officia deserunt mollit anim id est laborum. 43 qui officia deserunt mollit anim id est laborum.
44 </div> 44 </div>
45 <div id="maxWidthZeroAutoLayout" class="child" style="display:table; max-wid th:0; width:100%;"> 45 <div id="maxWidthZeroAutoLayout" class="child" style="display:table; max-wid th:0; width:100%; font: 10px/1 Ahem;">
46 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 46 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
47 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ven iam, 47 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ven iam,
48 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 48 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
49 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum do lore eu 49 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum do lore eu
50 fugiat nulla pariatur.Excepteur sint occaecat cupidatat non proident, su nt in culpa 50 fugiat nulla pariatur.Excepteur sint occaecat cupidatat non proident, su nt in culpa
51 qui officia deserunt mollit anim id est laborum. 51 qui officia deserunt mollit anim id est laborum.
52 </div> 52 </div>
53 <div id="maxGreatThanMinWidthFixedLayout" class="child" style="display:t able; table-layout:fixed; min-width:100px; max-width:200px; width:100%;"> 53 <div id="maxGreatThanMinWidthFixedLayout" class="child" style="display:t able; table-layout:fixed; min-width:100px; max-width:200px; width:100%;">
54 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 54 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
55 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ven iam, 55 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ven iam,
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
90 width is greater than the max-width value.<br>However when min-width property is set and its value is greated than \ 90 width is greater than the max-width value.<br>However when min-width property is set and its value is greated than \
91 the max-width value, the width of the container must be equal to the min-width v alue.'); 91 the max-width value, the width of the container must be equal to the min-width v alue.');
92 debug('Note:The width of the css tables inclusive of its border width.<br>'); 92 debug('Note:The width of the css tables inclusive of its border width.<br>');
93 maxGreatThanMinWidthAutoLayout = document.getElementById("maxGreatThanMinWidthAu toLayout"); 93 maxGreatThanMinWidthAutoLayout = document.getElementById("maxGreatThanMinWidthAu toLayout");
94 shouldBe("maxGreatThanMinWidthAutoLayout.getBoundingClientRect().width","202"); 94 shouldBe("maxGreatThanMinWidthAutoLayout.getBoundingClientRect().width","202");
95 minGreatThanMaxWidthAutoLayout = document.getElementById("minGreatThanMaxWidthAu toLayout"); 95 minGreatThanMaxWidthAutoLayout = document.getElementById("minGreatThanMaxWidthAu toLayout");
96 shouldBe("minGreatThanMaxWidthAutoLayout.getBoundingClientRect().width","202"); 96 shouldBe("minGreatThanMaxWidthAutoLayout.getBoundingClientRect().width","202");
97 onlyMaxWidthAutoLayout = document.getElementById("onlyMaxWidthAutoLayout"); 97 onlyMaxWidthAutoLayout = document.getElementById("onlyMaxWidthAutoLayout");
98 shouldBe("onlyMaxWidthAutoLayout.getBoundingClientRect().width","202"); 98 shouldBe("onlyMaxWidthAutoLayout.getBoundingClientRect().width","202");
99 maxWidthZeroAutoLayout = document.getElementById("maxWidthZeroAutoLayout"); 99 maxWidthZeroAutoLayout = document.getElementById("maxWidthZeroAutoLayout");
100 shouldBe("maxWidthZeroAutoLayout.getBoundingClientRect().width","0"); 100 shouldBe("maxWidthZeroAutoLayout.getBoundingClientRect().width","182");
101 maxGreatThanMinWidthFixedLayout = document.getElementById("maxGreatThanMinWidthF ixedLayout"); 101 maxGreatThanMinWidthFixedLayout = document.getElementById("maxGreatThanMinWidthF ixedLayout");
102 shouldBe("maxGreatThanMinWidthFixedLayout.getBoundingClientRect().width","202"); 102 shouldBe("maxGreatThanMinWidthFixedLayout.getBoundingClientRect().width","202");
103 minGreatThanMaxWidthFixedLayout = document.getElementById("minGreatThanMaxWidthF ixedLayout"); 103 minGreatThanMaxWidthFixedLayout = document.getElementById("minGreatThanMaxWidthF ixedLayout");
104 shouldBe("minGreatThanMaxWidthFixedLayout.getBoundingClientRect().width","202"); 104 shouldBe("minGreatThanMaxWidthFixedLayout.getBoundingClientRect().width","202");
105 onlyMaxWidthFixedLayout = document.getElementById("onlyMaxWidthFixedLayout"); 105 onlyMaxWidthFixedLayout = document.getElementById("onlyMaxWidthFixedLayout");
106 shouldBe("onlyMaxWidthFixedLayout.getBoundingClientRect().width","202"); 106 shouldBe("onlyMaxWidthFixedLayout.getBoundingClientRect().width","202");
107 maxWidthZeroFixedLayout = document.getElementById("maxWidthZeroFixedLayout"); 107 maxWidthZeroFixedLayout = document.getElementById("maxWidthZeroFixedLayout");
108 shouldBe("maxWidthZeroFixedLayout.getBoundingClientRect().width","0"); 108 shouldBe("maxWidthZeroFixedLayout.getBoundingClientRect().width","2");
109 109
110 document.body.removeChild(document.getElementById('container')); 110 document.body.removeChild(document.getElementById('container'));
111 </script> 111 </script>
112 <script src="../js/resources/js-test-post.js"></script> 112 <script src="../js/resources/js-test-post.js"></script>
113 <body> 113 <body>
114 </html> 114 </html>
OLDNEW
« no previous file with comments | « no previous file | LayoutTests/fast/table/css-table-max-width-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698