popup-width-restriction-within-screen.html 4.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <html>
  2. <head>
  3. <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=UTF-8">
  4. <title>
  5. Test the popup list box's width is rectricted within screen.
  6. </title>
  7. </head>
  8. <body>
  9. <h3>Test left to right popup list box's width is restricted within the left screen.</h3>
  10. <ol>
  11. <li> Setup dual screens.</li>
  12. <li> Launch browser and maximize the browser window size in the left screen.</li>
  13. <li> Enter a very long string into "Left to right" text input box.</li>
  14. <li> Hit enter. </li>
  15. <li> Go back and start to enter the same string again.</li>
  16. <li> Make sure the popup list box's width which suggests the result doesn't exceed the left screen width. </li>
  17. </ol>
  18. <H3>Test right to left popup window width is restricted within the right screen.</H3>
  19. <ol>
  20. <li> Setup dual screens.</li>
  21. <li> Launch browser and maximize the browser window size in the right screen.</li>
  22. <li> Enter a very long string into "Right to Left" text input box.</li>
  23. <li> Hit enter.</li>
  24. <li> Go back and start to enter the same string again.</li>
  25. <li> Make sure the popup list box's width which suggests the result doesn't exceed the right screen width.</li>
  26. </ol>
  27. <br>
  28. <form action="form_action.asp" method="get">
  29. Left to right <input type="text" name="lname" /><br />
  30. Right to left <input type="text" name="fname" dir="rtl"/><br />
  31. <input type="submit" value="Submit" />
  32. </form>
  33. <H3>Test left to right select window width is restricted within the left screen.</H3>
  34. <ol>
  35. <li> Setup dual screens.</li>
  36. <li> Launch browser and maximize the browser window size in the left screen.</li>
  37. <li> Click the following &lt;select&gt; item.</li>
  38. <li> Make sure the drop-down box width in the following &lt;select&gt; doesn't exceed the left screen width.</li>
  39. </ol>
  40. <select style="width:100px">
  41. <option>Arabic</option>
  42. <option>Hebrew</option>
  43. <option>English (United States)</option>
  44. <option>Chinese (Simplified Chiense)</option>
  45. <option>Japanese (hogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehoge</option>
  46. </select>
  47. <H3>Test right to left select window width is restricted within the right screen.</H3>
  48. <ol>
  49. <li> Setup dual screens.</li>
  50. <li> Launch browser and maximize the browser window size in the right screen.</li>
  51. <li> Click the following &lt;select&gt; item.</li>
  52. <li> Make sure the drop-down box width in the following &lt;select&gt; doesn't exceed the right screen width.</li>
  53. </ol>
  54. <select dir="rtl" style="width:100px">
  55. <option>Arabic</option>
  56. <option>Hebrew</option>
  57. <option>English (United States)</option>
  58. <option>Chinese (Simplified Chiense)</option>
  59. <option>Japanese (hogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehoge</option>
  60. </select>
  61. </body>
  62. </html>