LayoutTests/fast/multicol/span/span-as-immediate-columns-child.html - Issue 1143153006: Remove old multicol tests that were only run with the old implementation.

Side by Side Diff: LayoutTests/fast/multicol/span/span-as-immediate-columns-child.html

Issue 1143153006: Remove old multicol tests that were only run with the old implementation. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

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

« no previous file with comments | « LayoutTests/fast/multicol/span/span-as-immediate-child-property-removal.html ('k') | LayoutTests/fast/multicol/span/span-as-immediate-columns-child-dynamic.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 <!doctype html>

2 <head>

3 <style>

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

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

6 </style>

7 </head>

8 <body>

9

10 <div>

11 <h2>This is a spanning element at the beginning of the columns block.</h2>

12 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 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

14

15 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 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

17

18

19 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.

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

21

22 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i.

23 </div>

24

25 <div>

26

27 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.

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

29

30 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.

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

32

33

34 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.

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

36

37 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i.

38 <h2>This is a spanning element at the end of the columns block.</h2>

39 </div>

40

41

42 <div>

43 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.

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

45

46

47 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i.

48 <h2>This is a spanning element in the middle of the columns block.</h2>

49 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.

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

51

52 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.

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

54

55 </div>

56

57 <div>

58 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.

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

60

61

62 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i.

63 <h2 style="display:inline">This is a spanning element with an original display o f inline in the middle of the columns block.</h2>

64 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.

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

66

67 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.

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

69

70

71

72 </div>

73

74 <div>

75 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.

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

77

78

79 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i.

80 <h2 style="float:left">This element specifies a column span, but it is also floa ting, so the column-span should be ignored.</h2>

81 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.

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

83

84 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.

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

86 </div>

87

88

89 <div>

90 <h2>This is a spanning element at the beginning of the columns block with block siblings.</h2>

91

92 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim a c mi. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis v el orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nulla m bibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, interdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

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

94 </p>

95 <p>

96 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.

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

98 </p>

99 <p>

100 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.

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

102 </p>

103

104 </div>

105

106 <div>

107 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim a c mi. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis v el orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nulla m bibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, interdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

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

109 </p>

110 <p>

111 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.

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

113 </p>

114 <p>

115 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.

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

117 </p>

118

119 <h2>This is a spanning element at the end of the columns block with block siblin gs.</h2>

120 </div>

121

122 <div>

123 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim a c mi. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis v el orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nulla m bibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, interdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

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

125 </p>

126 <p>

127 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.

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

129 </p>

130

131 <h2>This is a spanning element in the middle of the columns block with block sib lings.</h2>

132

133 <p>

134 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.

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

136 </p>

137

138 </div>

139

140

141 </body>

142 </html>

OLD	NEW