ManualTests/select-menu-list-wrongly-positioned.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5     table {
   6         overflow: hidden;
   7     }
   8 </style>
   9 <script>
  10     function onSelectionChange(select)
  11     {
  12         document.getElementById('hiddenRow').style.display = '';
  13     }
  14 </script>
  15 </head>
  16 <body>
  17     <div><a href="https://bugs.webkit.org/show_bug.cgi?id=95776">95776</a>: REGRESSION(r120832): RenderLayer::clampScrollOffset doesn't properly clamp</div>
  18     <div>Manual test: click on the menu below and &lt;select&gt; the 'shown' option. Click somewhere on the page so that the &lt;select&gt; loses focus and click again on the &lt;select&gt;.</div>
  19     <div>To pass the menu should be properly placed below the &lt;select&gt;.</div>
  20     <form name="teste">
  21         <table>
  22         <tr>
  23             <th>Test select:</th>
  24             <td>
  25             <select onchange=onSelectionChange(this)>
  26                 <option value="0">hidden</option>
  27                 <option value="1">shown</option>
  28             </select>
  29             </td>
  30         </tr>
  31         <tr id="hiddenRow" style="display: none;">
  32             <th>Lorem ipsum</th>
  33             <td>dolor sic amet.</td>
  34         </tr>
  35         </table>
  36     </form>
  37 </body>
  38 </html>