LayoutTests/fast/regions/flow-content-basic-vertical-rl-expected.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/flow-content-basic-vertical-rl-expected.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/flow-content-basic-vertical-rl.html ('k') | LayoutTests/fast/regions/flow-region-into-itself-crash.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 <html>

4 <head>

5 <link href="resources/region-style.css" rel="stylesheet" type="text/css"/>

6 <style type="text/css">

7 html {

8 -webkit-writing-mode: vertical-rl;

9 -webkit-font-smoothing: none;

10 }

11

12 .region{

13 width: 100px;

14 height: 300px;

15 border: 1px solid black; /* to stop the margin collapsing */

16 padding: 5px;

17 }

18 </style>

19 </head>

20 <body>

21 <div>

22 The words "flow content" in green should display twice after this div,

23 and there should be two copies of this content that match.

24 </div>

25 <div id="region1" class="region forcedStackingContext">

26 <div id="source" class="pass">

27 <div style="width:100px;">first flow content</div>

28 </div>

29 </div>

30 <div id="region2" class="region forcedStackingContext">

31 <div id="source" class="pass">

32 <div style="width:100px;">second flow content</div>

33 </div>

34 </div>

35 <div>

36 The words "flow content" in green should display after this div,

37 and there should be two copies of this content that match.

38 </div>

39 <div class="pass">

40 <p>flow content</p>

41 </div>

42

43 <p>This test checks that content can be redirected to a region. It also

44 tries out a validation strategy that recreates the intended display

45 using non-region markup. If top does not match the bottom then the

46 result should be rejected.</p>

47 </body>

48 </html>

OLD	NEW