OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 .min-content { | 3 .min-content { |
4 min-width: 10px; | 4 min-width: 10px; |
5 width: -webkit-min-content; | 5 width: -webkit-min-content; |
6 width: -moz-min-content; | 6 width: -moz-min-content; |
7 width: -ie-min-content; | 7 width: -ie-min-content; |
8 width: -o-min-content; | 8 width: -o-min-content; |
9 width: min-content; | 9 width: min-content; |
10 } | 10 } |
11 </style> | 11 </style> |
12 <p>The form controls of the same type below should be the same width.</p> | 12 <p>The form controls of the same type below should be the same width.</p> |
13 | 13 |
14 <input id="text-a" class="min-content"><br> | 14 <input id="text-a" class="min-content"><br> |
15 <input id="text-b"><br> | 15 <input id="text-b"><br> |
16 | 16 |
17 <input id="file-a" type=file class="min-content"><br> | 17 <input id="file-a" type=file class="min-content"><br> |
18 <input id="file-b" type=file><br> | 18 <input id="file-b" type=file><br> |
19 | 19 |
20 <input id="range-a" type=range class="min-content"><br> | 20 <input id="range-a" type=range class="min-content"><br> |
21 <input id="range-b" type=range><br> | 21 <input id="range-b" type=range><br> |
22 | 22 |
23 <select id="select-a" class="min-content"><option>aaaaaaaaaaaaaaaaaaaaaaaaa</opt
ion></select><br> | 23 <select id="select-a" class="min-content"><option>aaaaaaaaaaaaaaaaaaaaaaaaa</opt
ion></select><br> |
24 <select id="select-b"><option>aaaaaaaaaaaaaaaaaaaaaaaaa</option></select><br> | 24 <select id="select-b"><option>aaaaaaaaaaaaaaaaaaaaaaaaa</option></select><br> |
25 | 25 |
26 <select id="multiple-a" multiple class="min-content"><option>aaaaaaaaaaaaaaaaaaa
aaaaaa</option></select><br> | 26 <select id="multiple-a" multiple class="min-content"><option>aaaaaaaaaaaaaaaaaaa
aaaaaa</option></select><br> |
27 <select id="multiple-b" multiple><option>aaaaaaaaaaaaaaaaaaaaaaaaa</option></sel
ect><br> | 27 <select id="multiple-b" multiple><option>aaaaaaaaaaaaaaaaaaaaaaaaa</option></sel
ect><br> |
28 | 28 |
29 <script src="../js/resources/js-test-pre.js"></script> | 29 <script src="../../resources/js-test.js"></script> |
30 <script> | 30 <script> |
31 var ids = ['text', 'file', 'range', 'select', 'multiple']; | 31 var ids = ['text', 'file', 'range', 'select', 'multiple']; |
32 ids.forEach(function(id) { | 32 ids.forEach(function(id) { |
33 shouldBe('document.getElementById("' + id + '-a").offsetWidth', 'document.ge
tElementById("' + id + '-b").offsetWidth'); | 33 shouldBe('document.getElementById("' + id + '-a").offsetWidth', 'document.ge
tElementById("' + id + '-b").offsetWidth'); |
34 }); | 34 }); |
35 </script> | 35 </script> |
OLD | NEW |