layout/reftests/bugs/370422-1.html

   1 <html>
   2 <head>
   3 <title>Testcase bug - Select drop down button doesn't update its position in this case when document widens</title>
   4 </head>
   5 <body onload="test()">
   6 The dropwdown button should be on the right of the select<br>
   7
   8 <iframe src="data:text/html;charset=utf-8,%3Chtml%3E%3Chead%3E%0A%3Cstyle%3E%0Aselect%0A%7B%0A%20%20HEIGHT%3A%20100px%3B%0A%20%20WIDTH%3A%20100%25%3B%20%0A%7D%0A%3C/style%3E%0A%3C/head%3E%0A%3Cbody%3E%0A%3Cselect%3E%3Coption%20value%3D%222%22%3Etext%3C/option%3E%3C/select%3E%20%20%20%20%20%20%20%20%0A%3C/body%3E%0A%3C/html%3E" style="width: 200px;">
   9 </iframe>
  10 <script>
  11 function test() {
  12   document.getElementsByTagName('iframe')[0].style.width = '400px';
  13 }
  14 </script>
  15 </body>
  16 </html>