| 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 |