LayoutTests/fast/repaint/multicol-with-abspos.html - Issue 1028383002: Enable new multicol for testing and experimental web platform features.

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/repaint/multicol-with-abspos.html

Issue 1028383002: Enable new multicol for testing and experimental web platform features. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Need to mark virtual/slimmingpaint/svg/text/columns-do-not-apply.html as failing too. Created 5 years, 9 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 | Annotate | Revision Log

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

2 <script src="resources/text-based-repaint.js"></script>	2 <script src="resources/text-based-repaint.js"></script>

3 <script>	3 <script>

4 if (window.internals) {	4 if (window.internals)

5 internals.settings.setRegionBasedColumnsEnabled(true);

6 onload = runRepaintTest;	5 onload = runRepaintTest;

7 } else {	6 else

8 onclick = repaintTest;	7 onclick = repaintTest;

9 }

10 function repaintTest() {	8 function repaintTest() {

11 var target = document.getElementById('target');	9 var target = document.getElementById('target');

12 target.style.visibility = 'visible';	10 target.style.visibility = 'visible';

13 }	11 }

14 </script>	12 </script>

15 <p>A green rectangle should be seen below (if tested manually, you need to click first).</p>	13 <p>A green rectangle should be seen below (if tested manually, you need to click first).</p>

16 <div style="-webkit-columns:4; -webkit-column-gap:10px; column-fill:auto; width: 630px; height:40px; font:20px/1 ahem; color:green;">	14 <div style="-webkit-columns:4; -webkit-column-gap:10px; column-fill:auto; width: 630px; height:40px; font:20px/1 ahem; color:green;">

17 <br>	15 <br>

18 <br>	16 <br>

19 <br>	17 <br>

20 <br>	18 <br>

21 <br>	19 <br>

22 <br>	20 <br>

23 <!-- This absolutely positioned box is not part of the flow thread, since th e nearest	21 <!-- This absolutely positioned box is not part of the flow thread, since th e nearest

24 non-statically positioned box is further up than that. -->	22 non-statically positioned box is further up than that. -->

25 <div id="target" style="position:absolute; left:0; bottom:0; visibility:hidd en;">PASS</div>	23 <div id="target" style="position:absolute; left:0; bottom:0; visibility:hidd en;">PASS</div>

26 </div>	24 </div>

OLD	NEW