LayoutTests/fast/multicol/newmulticol/compare-with-old-impl/span-as-immediate-child-complex-splitting-expected.html - Issue 296413007: [New Multicolumn] Add support for column-span:all

Side by Side Diff: LayoutTests/fast/multicol/newmulticol/compare-with-old-impl/span-as-immediate-child-complex-splitting-expected.html

Issue 296413007: [New Multicolumn] Add support for column-span:all (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@359976

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

View unified diff | Download patch

« no previous file with comments | « LayoutTests/fast/multicol/newmulticol/compare-with-old-impl/span-as-immediate-child-complex-splitting.html ('k') | LayoutTests/fast/multicol/newmulticol/compare-with-old-impl/span-as-nested-inline-block-child.html » ('j') | LayoutTests/fast/multicol/span/adjacent-spanners.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!doctype html>	1 <!doctype html>

2 <head>	2 <head>

3 <style>	3 <style>

4 div { border:5px solid maroon; -webkit-column-count:2; width:750px; margin: 1em 0 }	4 /* We use a monospace font here in order to avoid a clipping bug in the old mult icol

	5 implementation. */

	6 div { border:5px solid maroon; -webkit-column-count:2; width:750px; margin: 1em 0; font-family:monospace; }

5 h2 { -webkit-column-span: all; background-color:#eeeeee }	7 h2 { -webkit-column-span: all; background-color:#eeeeee }

6 </style>	8 </style>

7 </head>	9 </head>

8 <body>	10 <body>

9	11

10 <div id="one">	12 <div id="one">

11 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.	13 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

12 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.	14 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

13	15

14 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.	16 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

(...skipping 57 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
72	74

73 <script>	75 <script>

74 h2 = document.createElement("h2");	76 h2 = document.createElement("h2");

75 h2.appendChild(document.createTextNode("This is a first span."));	77 h2.appendChild(document.createTextNode("This is a first span."));

76 three = document.getElementById('three');	78 three = document.getElementById('three');

77 three.insertBefore(h2, document.getElementById('beforethree'));	79 three.insertBefore(h2, document.getElementById('beforethree'));

78 </script>	80 </script>

79	81

80 </body>	82 </body>

81 </html>	83 </html>

OLD	NEW