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

Unified Diff: third_party/WebKit/LayoutTests/fragmentation/break-in-second-table-section.html

Issue 2421613002: Lay out table children in visual order, and set position and size. (Closed)
Patch Set: Created 4 years, 2 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/fragmentation/break-in-second-table-section.html
diff --git a/third_party/WebKit/LayoutTests/fragmentation/break-in-second-table-section.html b/third_party/WebKit/LayoutTests/fragmentation/break-in-second-table-section.html
new file mode 100644
index 0000000000000000000000000000000000000000..720eb6c0879214849858919b1caaf7209bb9c2eb
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fragmentation/break-in-second-table-section.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<style>
+ body {
+ overflow:scroll; /* A second layout pass might hide bugs. */
+ color: black;
+ background: white;
+ }
+</style>
+<p>There should be a blue square below.</p>
+<div id="multicol" style="position:relative; columns:3; column-gap:0; column-fill:auto; height:99px; line-height:20px; orphans:1; widows:1;">
+ <br>
+ <br>
+ <table cellspacing="0" cellpadding="0">
+ <col style="width:20px;">
+ <col style="width:20px;">
+ <thead>
+ <tr>
+ <td style="vertical-align:top;"><br><br></td>
+ <td style="vertical-align:top;"><br><br></td>
+ </tr>
+ </thead>
+ <tbody>
+ <tr data-expected-height="79">
+ <td data-expected-height="79" style="vertical-align:top;">
+ <br>
+ <div data-offset-y="20" style="position:relative; background:blue;">
+ <br><br>
+ </div>
+ </td>
+ <td data-expected-height="79" style="vertical-align:top; background:blue;">
+ <div style="background:white;"><br></div>
+ <div data-offset-y="20" style="position:relative;"></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+</div>
+<script src="../resources/check-layout.js"></script>
+<script>
+ checkLayout("#multicol");
+</script>

Powered by Google App Engine
This is Rietveld 408576698