Home | History | Annotate | Download | only in ManualTests
      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 and its items' display directionality
      6 </title>
      7 </head>
      8 <body>
      9 <p>
     10 Autofill popup list box should have the same width as its input field's width.
     11 If the submitted input text is longer, it will be truncated to fit in the 
     12 input field's width
     13 <p> Try type some long text in the "Last name" input box,
     14    Say "abcd abcd abcd abcd abcd abcd".
     15 then click "Submit". Open the file again, and type the first letter "a",
     16 the form autofill pop-up should show up now with the width the same as
     17 the width of the input field, and the text "abcd abcd abcd abcd abcd abcd" got
     18 truncated to fit in.
     19 <p> Try type the following text into the "First name" and "Last name".
     20 <ul>
     21 <li>abcd efg
     22 <li>  
     23 <li>abc  defghijklmnopq
     24 <li>  abcdefghijklmn 
     25 <li>hi!
     26 <li>!
     27 </ul>
     28 They should be displayed as RTL in the popup of "First name", 
     29 and should be displayed as LTR in the popup of the "Last name".
     30 <br>
     31 <form action="form_action.asp" method="get">
     32   First name: <input type="text" name="fname" dir="rtl"/><br />
     33   Last name: <input type="text" name="lname" /><br />
     34   <input type="submit" value="Submit" />
     35 </form>
     36 </body>
     37 </html>
     38