OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <title></title> | 3 <title></title> |
4 </head> | 4 </head> |
5 <body> | 5 <body> |
6 <p> | 6 <p> |
7 Test for <i><a href="http://bugs.webkit.org/show_bug.cgi?id=12364">http:
//bugs.webkit.org/show_bug.cgi?id=12364</a> | 7 Test for <i><a href="http://bugs.webkit.org/show_bug.cgi?id=12364">http:
//bugs.webkit.org/show_bug.cgi?id=12364</a> |
8 REGRESSSION (NativeListBox): Selected option's background is not clipped
to the list box</i>. | 8 REGRESSSION (NativeListBox): Selected option's background is not clipped
to the list box</i>. |
9 </p> | 9 </p> |
10 <select size="4" style="border: 3px solid blue; padding: 3px;" id="sel"> | 10 <select size="4" style="border: 3px solid blue; padding: 3px;" id="sel"> |
11 <option>one</option> | 11 <option>one</option> |
12 <option>two</option> | 12 <option>two</option> |
13 <option>three</option> | 13 <option>three</option> |
14 <option style="background-color: purple;">four</option> | 14 <option style="background-color: purple;">four</option> |
15 </select> | 15 </select> |
16 <script> | 16 <script> |
17 var sel = document.getElementById('sel'); | 17 var sel = document.getElementById('sel'); |
18 var itemHeight = (sel.offsetHeight - 11) / sel.size; | 18 var itemHeight = (sel.offsetHeight - 11) / sel.size; |
19 sel.style.height = (11 + itemHeight * 3 + 5) + 'px'; | 19 sel.style.height = (11 + itemHeight * 3 + 5) + 'px'; |
20 </script></body> | 20 </script></body> |
21 </html> | 21 </html> |
OLD | NEW |