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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/multicol/client-rects-rtl-expected.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 | « third_party/WebKit/LayoutTests/fast/multicol/client-rects-rtl.html ('k') | third_party/WebKit/LayoutTests/fast/multicol/vertical-lr/client-rects-crossing-boundaries-nested.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 <style>	2 <style>

3 div.columns {	3 div.columns {

4 height: 50px;	4 height: 50px;

5 width: 110px;	5 width: 110px;

6 margin: 10px 0;	6 margin: 10px 0;

7 padding: 10px;	7 padding: 10px;

8 border: solid black;	8 border: solid black;

9 font-family: Ahem;	9 font-family: Ahem;

10 font-size: 25px;	10 font-size: 25px;

(...skipping 12 matching lines...) Expand all Loading...
23 .second { right: 70px; }	23 .second { right: 70px; }

24	24

25 .column > span {	25 .column > span {

26 background-color: lightblue;	26 background-color: lightblue;

27 display: block;	27 display: block;

28 width: 25px;	28 width: 25px;

29 height: 25px;	29 height: 25px;

30 border: solid dodgerblue;	30 border: solid dodgerblue;

31 box-sizing: border-box;	31 box-sizing: border-box;

32 }	32 }

33

34 .special > .first > span {

35 margin-top: 40px;

36 height: 10px;

37 border: none;

38 }

39 .special > .second span:first-child {

40 border-bottom: none;

41 height: 10px;

42 margin-top: -10px;

43 background-color: white;

44 }

45 .special > .second span:last-child {

46 border-top: none;

47 height: 15px;

48 }

49 </style>	33 </style>

50 <p>	34 <p>

51 The blue borders should coincide with light blue squares, like this:	35 The blue borders should coincide with light blue squares, like this:

52 <span style="display: inline-block; background-color: lightblue; border: sol id dodgerblue; width: 19px; height: 19px;"></span>.	36 <span style="display: inline-block; background-color: lightblue; border: sol id dodgerblue; width: 19px; height: 19px;"></span>.

53 There should be none of this:	37 There should be none of this:

54 <span style="display: inline-block; background-color: lightblue; width: 25px ; height: 25px;"></span>	38 <span style="display: inline-block; background-color: lightblue; width: 25px ; height: 25px;"></span>

55 or this:	39 or this:

56 <span style="display: inline-block; border: solid dodgerblue; width: 19px; h eight: 19px;"></span>.	40 <span style="display: inline-block; border: solid dodgerblue; width: 19px; h eight: 19px;"></span>.

57 </p>	41 </p>

58 <div class="columns">	42 <div class="columns">

(...skipping 11 matching lines...) Expand all Loading...
70 <div class="columns">	54 <div class="columns">

71 <div class="column first"></div>	55 <div class="column first"></div>

72 <div class="column second"><span></span><span></span></div>	56 <div class="column second"><span></span><span></span></div>

73 </div>	57 </div>

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

75 <div class="column second"><span></span></div>	59 <div class="column second"><span></span></div>

76 </div>	60 </div>

77 <div class="columns">	61 <div class="columns">

78 <div class="column second"><span></span></div>	62 <div class="column second"><span></span></div>

79 </div>	63 </div>

80 <p>	64 <div class="columns">

81 Except here, where the blue border should be around the bigger slice of the blue square, on the left.	65 <div class="column first"><br><span></span></div>

82 </p>	66 <div class="column second"><span></span></div>

83 <div class="columns special">

84 <div class="column first"><span></span></div>

85 <div class="column second"><span></span><span></span></div>

86 </div>	67 </div>

OLD	NEW