LayoutTests/fast/regions/webkit-flow-renderer.html - Issue 159863002: Remove CSS regions support, keeping a bare minimum to support "region-based" multicol.

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/regions/webkit-flow-renderer.html

Issue 159863002: Remove CSS regions support, keeping a bare minimum to support "region-based" multicol. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Created 6 years, 10 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

« no previous file with comments | « LayoutTests/fast/regions/webkit-flow-parsing-expected.txt ('k') | LayoutTests/fast/regions/webkit-flow-renderer-expected.html » ('j') | Source/devtools/front_end/protocol_externs.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 <!DOCTYPE HTML>

2

3 <style>

4 #DIV1 { -webkit-flow-into:flowA; }

5 #SPAN2 { -webkit-flow-into: flowB; }

6 #DIV3 { -webkit-flow-into: flowC; }

7

8 #REGION1, #REGION2, #REGION3 {

9 width: 100%;

10 height: 100px;

11 }

12 #REGION1 { -webkit-flow-from: flowA; }

13 #REGION2 { -webkit-flow-from: flowB; }

14 #REGION3 { -webkit-flow-from: flowC; }

15 </style>

16

17 <div id="DIV1">DIV1 - flowA</div>

18 <span id="SPAN2">SPAN2 - flowB</span>

19 <div id="DIV3">DIV3 - flowC</div>

20

21 <!-- Make some regions, so that the flow has a size and it's visible in the rend er tree. -->

22 <div id="REGION1"></div>

23 <div id="REGION2"></div>

24 <div id="REGION3"></div>

25

26 <script>

27 function test(name, flow, before) {

28 var el = document.createElement("div");

29 el.id = name;

30 el.setAttribute("style", "-webkit-flow-into:"+ flow);

31 el.innerHTML = name + " - " + flow;

32 if (before)

33 document.body.insertBefore(el, document.getElementById(before));

34 else

35 document.body.appendChild(el);

36 }

37

38 // Insert a new element in flowA, before DIV1 (same flow-thread).

39 test("DIV4", "flowA", "DIV1");

40

41 // Insert a new element in flowB, before DIV1 (different flow-thread).

42 test("DIV5", "flowB", "DIV1");

43

44 // Insert a new element in flowB, before DIV3 (different flow-thread).

45 test("DIV6", "flowB", "DIV3");

46

47 // Insert a new element in flowB, before SPAN2 (same flow-thread, span inside an onymous block).

48 test("DIV7", "flowB", "SPAN2");

49

50 // Append a new element in flowC.

51 test("DIV8", "flowC");

52 </script>

OLD	NEW