third_party/WebKit/LayoutTests/fragmentation/content-preceding-first-fragmentainer.html - Issue 2360253002: Content that starts before the first fragmentainer should stay where it is.

Unified Diff: third_party/WebKit/LayoutTests/fragmentation/content-preceding-first-fragmentainer.html

Issue 2360253002: Content that starts before the first fragmentainer should stay where it is. (Closed)

Patch Set: Created 4 years, 3 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

Index: third_party/WebKit/LayoutTests/fragmentation/content-preceding-first-fragmentainer.html

diff --git a/third_party/WebKit/LayoutTests/fragmentation/content-preceding-first-fragmentainer.html b/third_party/WebKit/LayoutTests/fragmentation/content-preceding-first-fragmentainer.html

new file mode 100644

index 0000000000000000000000000000000000000000..0d58ad0efd53f166049e2b3888e47e5abd6dd06e

--- /dev/null

+++ b/third_party/WebKit/LayoutTests/fragmentation/content-preceding-first-fragmentainer.html

@@ -0,0 +1,62 @@

+<!DOCTYPE html>

+<style>

+ .multicol { float:left; position:relative; columns:2; column-fill:auto; width:3em; height:40px; line-height:20px; }

+</style>

+<div class="multicol">

+ <div id="line" style="margin-top:-10px;"><br></div>

+</div>

+<div class="multicol">

+ <div id="lineAndBorder" style="margin-top:-10px; border-top:5px solid;"><br></div>

+</div>

+<div class="multicol">

+ <div id="lineAtBoundaryAndBorder" style="margin-top:-10px; border-top:10px solid;"><br></div>

+</div>

+<div class="multicol">

+ <div style="position:relative;">

+ <div id="absPos" style="position:absolute; top:-10px;">

+ <div id="lineInAbsPos"><br></div>

+ </div>

+</div>

+<div class="multicol">

+ <div style="margin-top:-15px; border-top:5px solid;">

+ <div id="lineInNestedBlock" style="border-top:15px solid;"><br></div>

+ </div>

+</div>

+<div class="multicol">

+ <div style="margin-top:-10px;" id="lineAfterFloat">

+ <div style="float:left; width:100%; height:20px;"></div>

+  <br>

+ </div>

+</div>

+<div class="multicol">

+ <div id="unsplittableBlock" style="margin-top:-10px; height:20px; break-inside:avoid;"></div>

+</div>

+<div class="multicol">

+ <div id="unsplittableFloat" style="float:left; margin-top:-10px; height:20px; break-inside:avoid;"></div>

+</div>

+<div class="multicol">

+ <div id="unsplittableAbspos" style="position:absolute; top:-10px; height:20px; break-inside:avoid;"></div>

+</div>

+<div class="multicol">

+ <img id="image" style="display:block; margin-top:-10px; height:20px;">

+</div>

+<div style="clear:both;"></div>

+<script src="../resources/testharness.js"></script>

+<script src="../resources/testharnessreport.js"></script>

+<script>

+ function pos(elm) { return document.getElementById(elm).offsetTop; }

+ generate_tests(assert_equals, [

+ [ "line", pos("line"), -10 ],

+ [ "lineAndBorder", pos("lineAndBorder"), -10 ],

+ [ "lineAtBoundaryAndBorder", pos("lineAtBoundaryAndBorder"), -10 ],

+ [ "lineInAbspos", pos("lineInAbsPos"), 0 ],

+ [ "abspos", pos("absPos"), -10 ],

+ [ "lineInNestedBlock", pos("lineInNestedBlock"), -10 ],

+ [ "lineAfterFloat", pos("lineAfterFloat"), -10 ],

+ [ "unsplittableBlock", pos("unsplittableBlock"), -10 ],

+ [ "unsplittableFloat", pos("unsplittableFloat"), -10 ],

+ [ "unsplittableAbspos", pos("unsplittableAbspos"), -10 ],

+ [ "image", pos("image"), -10 ],

+ ]);

+</script>

« no previous file with comments | « no previous file | third_party/WebKit/Source/core/layout/LayoutBlockFlow.cpp » ('j') | no next file with comments »