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