autofill-popup-width-and-item-direction.html   [plain text]


<html>
<head>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=UTF-8">
<title>
Test the popup list box's width and its items' display directionality
</title>
</head>
<body>
<p>
Autofill popup list box should have the same width as its input field's width.
If the submitted input text is longer, it will be truncated to fit in the 
input field's width
<p> Try type some long text in the "Last name" input box,
   Say "abcd abcd abcd abcd abcd abcd".
then click "Submit". Open the file again, and type the first letter "a",
the form autofill pop-up should show up now with the width the same as
the width of the input field, and the text "abcd abcd abcd abcd abcd abcd" got
truncated to fit in.
<p> Try type the following text into the "First name" and "Last name".
<ul>
<li>abcd efg
<li>שששששש ננננננ בבבבבבבבב
<li>abc אאא defghijklmnopq
<li>אאאאאאאאאא  abcdefghijklmn בבבבבבב
<li>hi!
<li>אא!
</ul>
They should be displayed as RTL in the popup of "First name", 
and should be displayed as LTR in the popup of the "Last name".
<br>
<form action="form_action.asp" method="get">
  First name: <input type="text" name="fname" dir="rtl"/><br />
  Last name: <input type="text" name="lname" /><br />
  <input type="submit" value="Submit" />
</form>
</body>
</html>