select-menu-list-wrongly-positioned.html 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738
  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): Layer::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>