third_party/WebKit/LayoutTests/fast/forms/menulist-width-change.html

   1 <html>
   2     <head>
   3         <script>
   4             function test() {
   5                 if (window.testRunner)
   6                     testRunner.waitUntilDone();
   7
   8                 setTimeout('addLongOption();', 100);
   9             }
  10             function addLongOption()
  11             {
  12                 var newOpt = document.createElement("option");
  13                 newOpt.appendChild(document.createTextNode("I require more room"));
  14                 var sl = document.getElementById("t");
  15                 sl.appendChild(newOpt);
  16
  17                 if (window.testRunner)
  18                     testRunner.notifyDone();
  19             }
  20         </script>
  21     </head>
  22     <body onload="test()">
  23     This tests that when an option is dynamically added to a menu list, and it is too long for the current width,<br>
  24     that the select automatically recalculates the correct width.<br>
  25     <select id="t">
  26         <option id="short">Short</option>
  27         <option id="medium">Medium</option>
  28     </select>
  29     <div id="res"></div>
  30     </body>
  31 </html>