third_party/WebKit/LayoutTests/fast/multicol/client-rects.html - Issue 2360913004: Support for multiple block fragments in getClientRects().

Side by Side Diff: third_party/WebKit/LayoutTests/fast/multicol/client-rects.html

Issue 2360913004: Support for multiple block fragments in getClientRects(). (Closed)

Patch Set: fast/overflow/overflow-height-float-not-removed-crash3.html crashed because saturated LayoutUnits caused zero height Created 4 years, 2 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 | « no previous file | third_party/WebKit/LayoutTests/fast/multicol/client-rects-crossing-boundaries.html » ('j') | third_party/WebKit/Source/core/layout/MultiColumnFragmentainerGroup.cpp » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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

2 <script src="../../resources/ahem.js"></script>	2 <script src="../../resources/ahem.js"></script>

3 <style>	3 <style>

4 div.columns {	4 div.columns {

5 height: 50px;	5 height: 50px;

6 width: 110px;	6 width: 110px;

7 margin: 10px 0;	7 margin: 10px 0;

8 padding: 10px;	8 padding: 10px;

9 border: solid black;	9 border: solid black;

10 font-family: Ahem;	10 font-family: Ahem;

(...skipping 53 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
64 </div>	64 </div>

65	65

66 <div class="columns">	66 <div class="columns">

67 <br><div><br><input id="t5" type="range"></div>	67 <br><div><br><input id="t5" type="range"></div>

68 </div>	68 </div>

69	69

70 <div class="columns">	70 <div class="columns">

71 <br><div><br><img id="t6" style="width: 25px; height: 25px; background-color : lightblue;"></div>	71 <br><div><br><img id="t6" style="width: 25px; height: 25px; background-color : lightblue;"></div>

72 </div>	72 </div>

73	73

74 <p>

75 Except here, where the blue border should be around the bigger slice of the blue square, on the right.

76 </p>

77

78 <div class="columns">	74 <div class="columns">

79 <div id="t7" style=" margin-top: 40px; width: 25px; height: 25px; background -color: lightblue;"></div>	75 <div id="t7" style=" margin-top: 25px; width: 25px; height: 50px; background -color: lightblue;"></div>

80 </div>	76 </div>

81	77

82 <script>	78 <script>

83 function placeMarker(clientRect)	79 function placeMarker(clientRect)

84 {	80 {

85 var marker = document.body.appendChild(document.createElement("div"));	81 var marker = document.body.appendChild(document.createElement("div"));

86 marker.className = "marker";	82 marker.className = "marker";

87 marker.style.left = clientRect.left + "px";	83 marker.style.left = clientRect.left + "px";

88 marker.style.top = clientRect.top + "px";	84 marker.style.top = clientRect.top + "px";

89 marker.style.width = clientRect.width + "px";	85 marker.style.width = clientRect.width + "px";

(...skipping 22 matching lines...) Expand all Loading...
112 range.setEnd(textNode, 5);	108 range.setEnd(textNode, 5);

113 placeMarkersForRange(range);	109 placeMarkersForRange(range);

114	110

115 textNode = document.getElementById("t3").firstChild;	111 textNode = document.getElementById("t3").firstChild;

116 range.setStart(textNode, 0);	112 range.setStart(textNode, 0);

117 range.setEnd(textNode, 5);	113 range.setEnd(textNode, 5);

118 placeMarkersForRange(range);	114 placeMarkersForRange(range);

119	115

120 var block = document.getElementById("t4");	116 var block = document.getElementById("t4");

121 range.selectNode(block);	117 range.selectNode(block);

122 placeMarkersForRange(range, 1);	118 // Skip the rectangles for the two fragments established by the DIV.

	119 placeMarkersForRange(range, 2);

123	120

124 var slider = document.getElementById("t5");	121 var slider = document.getElementById("t5");

125 range.selectNode(slider);	122 range.selectNode(slider);

126 placeMarkersForRange(range);	123 placeMarkersForRange(range);

127	124

128 var image = document.getElementById("t6");	125 var image = document.getElementById("t6");

129 range.selectNode(image);	126 range.selectNode(image);

130 placeMarkersForRange(range);	127 placeMarkersForRange(range);

131	128

132 var div = document.getElementById("t7");	129 var div = document.getElementById("t7");

133 range.selectNode(div);	130 range.selectNode(div);

134 placeMarkersForRange(div);	131 placeMarkersForRange(div);

135 </script>	132 </script>

OLD	NEW