Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(34)

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

Issue 2560733002: SELECT element: Fix a bug that intrinsic width is too narrow in less-than-100% zoom level. (Closed)
Patch Set: PartScrollbarVerticalTrack -> PartScrollbarDownArrow to fix Android crash Created 4 years 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
OLDNEW
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 33 matching lines...) Expand 10 before | Expand all | Expand 10 after
44 44
45 <!-- font --> 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> 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> 49 <select style="-webkit-appearance:menulist-button; font-weight:bold"><option>Sep tember 2016</option></select>
50 <br> 50 <br>
51 51
52 <!-- zoom --> 52 <!-- zoom -->
53 <select style="zoom: 1.5;"><option>foo</option></select> 53 <select style="zoom: 1.5;"><option>foo</option></select>
54 <select style="zoom: 2;"><option>foo</option></select> <br> 54 <select style="zoom: 2;"><option>foo</option></select>
55 <select style="zoom: 0.5;"><option>foo</option></select>
56 <br>
55 57
56 <!-- multiple - on platforms that use menulist rendering for <select multiple> t ags --> 58 <!-- multiple - on platforms that use menulist rendering for <select multiple> t ags -->
57 <select multiple="multiple" style="width: 200px; height: 25px;"> 59 <select multiple="multiple" style="width: 200px; height: 25px;">
58 <option>Item 1</option> 60 <option>Item 1</option>
59 <option>Item 2</option> 61 <option>Item 2</option>
60 <option>Item 3</option> 62 <option>Item 3</option>
61 </select> 63 </select>
62 <br> 64 <br>
63 65
64 <select multiple="multiple" style="width: 200px; height: 25px;"> 66 <select multiple="multiple" style="width: 200px; height: 25px;">
(...skipping 54 matching lines...) Expand 10 before | Expand all | Expand 10 after
119 <select style="width:60px"><option>Month</option></select> 121 <select style="width:60px"><option>Month</option></select>
120 <br> 122 <br>
121 <!-- Test RTL menulist without and with border --> 123 <!-- Test RTL menulist without and with border -->
122 <select style="direction:rtl;"><option>foo</option></select> 124 <select style="direction:rtl;"><option>foo</option></select>
123 <select style="border: 3px solid lime; direction:rtl;"><option>foo</option></sel ect> 125 <select style="border: 3px solid lime; direction:rtl;"><option>foo</option></sel ect>
124 <select style="border: 8px solid lime; direction:rtl;"><option>foo</option></sel ect> 126 <select style="border: 8px solid lime; direction:rtl;"><option>foo</option></sel ect>
125 <select style="border-radius: 6px; direction:rtl;"><option>foo</option></select> 127 <select style="border-radius: 6px; direction:rtl;"><option>foo</option></select>
126 <br> 128 <br>
127 129
128 </body> 130 </body>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698