third_party/WebKit/LayoutTests/fast/forms/select/menulist-appearance-basic.html - Issue 2361113003: Apply SELECT's style on calculating intrinsic width of menulist SELECTs.

Side by Side Diff: third_party/WebKit/LayoutTests/fast/forms/select/menulist-appearance-basic.html

Issue 2361113003: Apply SELECT's style on calculating intrinsic width of menulist SELECTs. (Closed)

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

« no previous file with comments | « third_party/WebKit/LayoutTests/TestExpectations ('k') | third_party/WebKit/LayoutTests/platform/mac/fast/forms/select/menulist-appearance-basic-expected.png » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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

2 <body>	2 <body>

3 <style>	3 <style>

4 select {	4 select {

5 margin: 4px;	5 margin: 4px;

6 }	6 }

7 .wrapper {	7 .wrapper {

8 background: #dbb102;	8 background: #dbb102;

9 padding: 8px;	9 padding: 8px;

10 display: inline-block;	10 display: inline-block;

(...skipping 24 matching lines...) Expand all Loading...
35 <select style="border-radius: 6px;"><option>foo</option></select> <br>	35 <select style="border-radius: 6px;"><option>foo</option></select> <br>

36	36

37 <!-- background -->	37 <!-- background -->

38 <select style="background: linear-gradient(to bottom, #bc7 0%,#7a5 44%,#242 100% ); color:white"><option>foo</option></select>	38 <select style="background: linear-gradient(to bottom, #bc7 0%,#7a5 44%,#242 100% ); color:white"><option>foo</option></select>

39 <div class="wrapper"><select><option>bar</option></select></div>	39 <div class="wrapper"><select><option>bar</option></select></div>

40 <br>	40 <br>

41	41

42 <!-- shadow -->	42 <!-- shadow -->

43 <select style="box-shadow: 4px 4px 10px rgba(255,0,0,0.5), inset 4px 4px 4px rgb a(0,255,0,0.5);"><option>foo</option></select> <br>	43 <select style="box-shadow: 4px 4px 10px rgba(255,0,0,0.5), inset 4px 4px 4px rgb a(0,255,0,0.5);"><option>foo</option></select> <br>

44	44

45 <!-- font-size -->	45 <!-- font -->

46 <select style="font-size: 16px;"><option>foo</option></select>	46 <select style="font-size: 16px;"><option>foo</option></select>

47 <select style="font-size: 20px;"><option>foo</option></select>	47 <select style="font-size: 20px;"><option>foo</option></select>

48 <select style="font-size: 24px;"><option>foo</option></select> <br>	48 <select style="font-size: 24px;"><option>foo</option></select>

	49 <select style="-webkit-appearance:menulist-button; font-weight:bold"><option>Sep tember 2016</option></select>

	50 <br>

49	51

50 <!-- zoom -->	52 <!-- zoom -->

51 <select style="zoom: 1.5;"><option>foo</option></select>	53 <select style="zoom: 1.5;"><option>foo</option></select>

52 <select style="zoom: 2;"><option>foo</option></select> <br>	54 <select style="zoom: 2;"><option>foo</option></select> <br>

53	55

54 <!-- multiple - on platforms that use menulist rendering for <select multiple> t ags -->	56 <!-- multiple - on platforms that use menulist rendering for <select multiple> t ags -->

55 <select multiple="multiple" style="width: 200px; height: 25px;">	57 <select multiple="multiple" style="width: 200px; height: 25px;">

56 <option>Item 1</option>	58 <option>Item 1</option>

57 <option>Item 2</option>	59 <option>Item 2</option>

58 <option>Item 3</option>	60 <option>Item 3</option>

(...skipping 58 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
117 <select style="width:60px"><option>Month</option></select>	119 <select style="width:60px"><option>Month</option></select>

118 <br>	120 <br>

119 <!-- Test RTL menulist without and with border -->	121 <!-- Test RTL menulist without and with border -->

120 <select style="direction:rtl;"><option>foo</option></select>	122 <select style="direction:rtl;"><option>foo</option></select>

121 <select style="border: 3px solid lime; direction:rtl;"><option>foo</option></sel ect>	123 <select style="border: 3px solid lime; direction:rtl;"><option>foo</option></sel ect>

122 <select style="border: 8px solid lime; direction:rtl;"><option>foo</option></sel ect>	124 <select style="border: 8px solid lime; direction:rtl;"><option>foo</option></sel ect>

123 <select style="border-radius: 6px; direction:rtl;"><option>foo</option></select>	125 <select style="border-radius: 6px; direction:rtl;"><option>foo</option></select>

124 <br>	126 <br>

125	127

126 </body>	128 </body>

OLD	NEW