LayoutTests/fast/regions/intrinsic-sized-regions.html - Issue 159863002: Remove CSS regions support, keeping a bare minimum to support "region-based" multicol.

Side by Side Diff: LayoutTests/fast/regions/intrinsic-sized-regions.html

Issue 159863002: Remove CSS regions support, keeping a bare minimum to support "region-based" multicol. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Created 6 years, 10 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/regions/imbricated-flow-threads-crash-expected.txt ('k') | LayoutTests/fast/regions/intrinsic-sized-regions-expected.txt » ('j') | Source/devtools/front_end/protocol_externs.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 <!DOCTYPE html>

2 <style>

3 .content {

4 display: inline-block;

5 width: 100px;

6 height: 100px;

7 background-color: salmon;

8 }

9

10 .regionContainer { width: 250px; height: 250px; border: 5px solid blue; }

11 .region { border: 5px solid pink; }

12 </style>

13 <body>

14 <p>Tests that intrinsic values on regions work as expected. On success, you will see a series of PASS below.</p>

15

16 <!-- width tests -->

17 <div class="regionContainer">

18 <div class="content" style="-webkit-flow-into: flow1;"></div>

19 <div class="content" style="-webkit-flow-into: flow1;"></div>

20 <div class="region" style="-webkit-flow-from: flow1; width: -webkit-min- content;" data-expected-width="110"></div>

21 </div>

22

23 <div class="regionContainer">

24 <div class="content" style="-webkit-flow-into: flow2;"></div>

25 <div class="content" style="-webkit-flow-into: flow2;"></div>

26 <div class="region" style="-webkit-flow-from: flow2; width: -webkit-max- content;" data-expected-width="210"></div>

27 </div>

28

29 <div class="regionContainer">

30 <div class="content" style="-webkit-flow-into: flow3;"></div>

31 <div class="content" style="-webkit-flow-into: flow3;"></div>

32 <div class="region" style="-webkit-flow-from: flow3; width: -webkit-fit- content;" data-expected-width="210"></div>

33 </div>

34

35 <div class="regionContainer">

36 <div class="content" style="-webkit-flow-into: flow4;"></div>

37 <div class="content" style="-webkit-flow-into: flow4;"></div>

38 <div class="region" style="-webkit-flow-from: flow4; width: -webkit-fill -available;" data-expected-width="250"></div>

39 </div>

40

41 <div class="regionContainer" style="width: 50px;">

42 <div class="content" style="-webkit-flow-into: flow5;"></div>

43 <div class="content" style="-webkit-flow-into: flow5;"></div>

44 <div class="region" style="-webkit-flow-from: flow5; width: -webkit-fit- content;" data-expected-width="110"></div>

45 </div>

46

47 <!-- min-width tests -->

48 <div class="regionContainer">

49 <div class="content" style="-webkit-flow-into: flow6;"></div>

50 <div class="content" style="-webkit-flow-into: flow6;"></div>

51 <div class="region" style="-webkit-flow-from: flow6; width: 20px; min-wi dth: -webkit-min-content;" data-expected-width="110"></div>

52 </div>

53

54 <div class="regionContainer">

55 <div class="content" style="-webkit-flow-into: flow7;"></div>

56 <div class="content" style="-webkit-flow-into: flow7;"></div>

57 <div class="region" style="-webkit-flow-from: flow7; width: 20px; min-wi dth: -webkit-max-content;" data-expected-width="210"></div>

58 </div>

59

60 <div class="regionContainer">

61 <div class="content" style="-webkit-flow-into: flow8;"></div>

62 <div class="content" style="-webkit-flow-into: flow8;"></div>

63 <div class="region" style="-webkit-flow-from: flow8; width: 20px; min-wi dth: -webkit-fit-content;" data-expected-width="210"></div>

64 </div>

65

66 <div class="regionContainer">

67 <div class="content" style="-webkit-flow-into: flow9;"></div>

68 <div class="content" style="-webkit-flow-into: flow9;"></div>

69 <div class="region" style="-webkit-flow-from: flow9; width: 20px; min-wi dth: -webkit-fill-available;" data-expected-width="250"></div>

70 </div>

71

72 <div class="regionContainer" style="width: 50px;">

73 <div class="content" style="-webkit-flow-into: flow10;"></div>

74 <div class="content" style="-webkit-flow-into: flow10;"></div>

75 <div class="region" style="-webkit-flow-from: flow10; width: 20px; min-w idth: -webkit-fit-content;" data-expected-width="110"></div>

76 </div>

77

78 <!-- max-width tests -->

79 <div class="regionContainer">

80 <div class="content" style="-webkit-flow-into: flow11;"></div>

81 <div class="content" style="-webkit-flow-into: flow11;"></div>

82 <div class="region" style="-webkit-flow-from: flow11; width: 1000px; max -width: -webkit-min-content;" data-expected-width="110"></div>

83 </div>

84

85 <div class="regionContainer">

86 <div class="content" style="-webkit-flow-into: flow12;"></div>

87 <div class="content" style="-webkit-flow-into: flow12;"></div>

88 <div class="region" style="-webkit-flow-from: flow12; width: 1000px; max -width: -webkit-max-content;" data-expected-width="210"></div>

89 </div>

90

91 <div class="regionContainer">

92 <div class="content" style="-webkit-flow-into: flow13;"></div>

93 <div class="content" style="-webkit-flow-into: flow13;"></div>

94 <div class="region" style="-webkit-flow-from: flow13; width: 1000px; max -width: -webkit-fit-content;" data-expected-width="210"></div>

95 </div>

96

97 <div class="regionContainer">

98 <div class="content" style="-webkit-flow-into: flow14;"></div>

99 <div class="content" style="-webkit-flow-into: flow14;"></div>

100 <div class="region" style="-webkit-flow-from: flow14; width: 1000px; max -width: -webkit-fill-available;" data-expected-width="250"></div>

101 </div>

102

103 <div class="regionContainer" style="width: 50px;">

104 <div class="content" style="-webkit-flow-into: flow15;"></div>

105 <div class="content" style="-webkit-flow-into: flow15;"></div>

106 <div class="region" style="-webkit-flow-from: flow15; width: 1000px; max -width: -webkit-fit-content;" data-expected-width="110"></div>

107 </div>

108

109 <script src="../../resources/check-layout.js"></script>

110 <script>checkLayout(".region");</script>

111 </body>

OLD	NEW