third_party/WebKit/LayoutTests/fast/multicol/composited-inner-multicol.html - Issue 2028893002: Disallow fragmentation of composited content.

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: third_party/WebKit/LayoutTests/fast/multicol/composited-inner-multicol.html

Issue 2028893002: Disallow fragmentation of composited content. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

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

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <p>Below you should see the word 'PASS' (with some extra letter spacing), on a y ellow background	2 <p>Below you should see the word 'PASS' (with some extra letter spacing), on a y ellow background

3 (which should be a bit faded near the top).</p>	3 (which should be a bit faded near the top). The first S is below the A, beca use they composite together and hence are not fragmented.</p>

4 <div style="position:absolute; will-change:transform; left:15em; width:7em; heig ht:3.3em; opacity:0.8; background:white;"></div>	4 <div style="position:absolute; will-change:transform; left:15em; width:7em; heig ht:3.3em; opacity:0.8; background:white;"></div>

5 <div style="-webkit-columns:2; -webkit-column-gap:0; width:30em; line-height:2em ; orphans:1; widows:1;">	5 <div style="-webkit-columns:2; -webkit-column-gap:0; width:30em; line-height:2em ; orphans:1; widows:1;">

6 <br>	6 <br>

7 <br>	7 <br>

8 <br>	8 <br>

9 <br>	9 <br>

10 <br>	10 <br>

11 <div style="-webkit-columns:4; -webkit-column-gap:0; width:4em; margin:0.5em ; padding:0.5em; background:yellow;">	11 <div style="-webkit-columns:4; -webkit-column-gap:0; width:4em; margin:0.5em ; padding:0.5em; background:yellow;">

12 P<br>	12 P<br>

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

14 A<br>	14 A<br>

15 S<br>	15 S<br>

16 </div>	16 </div>

17 S<br>	17 S<br>

18 </div>	18 </div>

19 </div>	19 </div>

OLD	NEW