third_party/WebKit/LayoutTests/fast/forms/percent-height-auto-width-form-controls.html - Issue 2171133003: macOS: Respect more CSS properties for menulist SELECT elements.

Side by Side Diff: third_party/WebKit/LayoutTests/fast/forms/percent-height-auto-width-form-controls.html

Issue 2171133003: macOS: Respect more CSS properties for menulist SELECT elements. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Rebaseline more tests Created 4 years, 5 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 | « third_party/WebKit/LayoutTests/TestExpectations ('k') | third_party/WebKit/LayoutTests/platform/mac/fast/forms/color/color-suggestion-picker-appearance-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 <p>The form controls of the same type below should be the same width.</p>	2 <p>The form controls of the same type below should be the same width.</p>

3	3

4 <div style="width: 100px; background: pink">	4 <div style="width: 100px; background: pink">

5 <table><tbody><tr><td>	5 <table><tbody><tr><td>

6 <input id="text-a" style="height: 100%">	6 <input id="text-a" style="height: 100%">

7 </td></tr></tbody></table>	7 </td></tr></tbody></table>

8 </div>	8 </div>

9	9

10 <div style="width: 100px; background: pink">	10 <div style="width: 100px; background: pink">

(...skipping 21 matching lines...) Expand all Loading...
32 </div>	32 </div>

33	33

34 <div style="width: 100px; background: pink">	34 <div style="width: 100px; background: pink">

35 <table><tbody><tr><td>	35 <table><tbody><tr><td>

36 <input id="range-b" type=range>	36 <input id="range-b" type=range>

37 </td></tr></tbody></table>	37 </td></tr></tbody></table>

38 </div>	38 </div>

39	39

40 <div style="width: 100px; background: pink">	40 <div style="width: 100px; background: pink">

41 <table><tbody><tr><td>	41 <table><tbody><tr><td>

42 <select id="select-a" style="height: 100%"><option>aaaaaaaaaaaaaaaaaaaaa aaaa	42 <select id="select-a" style="-webkit-appearance:menulist-button; height: 100%"><option>aaaaaaaaaaaaaaaaaaaaaaaaa

43 </td></tr></tbody></table>	43 </td></tr></tbody></table>

44 </div>	44 </div>

45	45

46 <div style="width: 100px; background: pink">	46 <div style="width: 100px; background: pink">

47 <table><tbody><tr><td>	47 <table><tbody><tr><td>

48 <select id="select-b"><option>aaaaaaaaaaaaaaaaaaaaaaaaa	48 <select id="select-b" style="-webkit-appearance:menulist-button;"><optio n>aaaaaaaaaaaaaaaaaaaaaaaaa

49 </td></tr></tbody></table>	49 </td></tr></tbody></table>

50 </div>	50 </div>

51	51

52 <div style="width: 100px; background: pink">	52 <div style="width: 100px; background: pink">

53 <table><tbody><tr><td>	53 <table><tbody><tr><td>

54 <select id="multiple-a" multiple style="height: 100%"><option>aaaaaaaaaa aaaaaaaaaaaaaaa	54 <select id="multiple-a" multiple style="height: 100%"><option>aaaaaaaaaa aaaaaaaaaaaaaaa

55 </td></tr></tbody></table>	55 </td></tr></tbody></table>

56 </div>	56 </div>

57	57

58 <div style="width: 100px; background: pink">	58 <div style="width: 100px; background: pink">

59 <table><tbody><tr><td>	59 <table><tbody><tr><td>

60 <select id="multiple-b" multiple><option>aaaaaaaaaaaaaaaaaaaaaaaaa	60 <select id="multiple-b" multiple><option>aaaaaaaaaaaaaaaaaaaaaaaaa

61 </td></tr></tbody></table>	61 </td></tr></tbody></table>

62 </div>	62 </div>

63	63

64 <script src="../../resources/js-test.js"></script>	64 <script src="../../resources/js-test.js"></script>

65 <script>	65 <script>

66 var ids = ['text', 'file', 'range', 'select', 'multiple'];	66 var ids = ['text', 'file', 'range', 'select', 'multiple'];

67 ids.forEach(function(id) {	67 ids.forEach(function(id) {

68 shouldBe('document.getElementById("' + id + '-a").offsetWidth', 'document.ge tElementById("' + id + '-b").offsetWidth');	68 shouldBe('document.getElementById("' + id + '-a").offsetWidth', 'document.ge tElementById("' + id + '-b").offsetWidth');

69 })	69 })

70 </script>	70 </script>

OLD	NEW