ManualTests/autofill-popup-width-and-item-direction.html

   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>