third_party/WebKit/LayoutTests/fast/forms/select-writing-direction-natural.html

   1 <html>
   2 <head>
   3     <style>
   4         select { width: 70px; }
   5     </style>
   6 </head>
   7 <body>
   8     <p>
   9         Test for <i><a href="http://bugs.webkit.org/show_bug.cgi?id=13775">http://bugs.webkit.org/show_bug.cgi?id=13775</a>
  10         REGRESSION: Popup button text should use "natural" directionality to match the items in the popup menu</i>.
  11     </p>
  12     <p>
  13         In all of the popup buttons below, the letter A should be on the left and the letter &#x05d0; should be on the right.
  14     </p>
  15     <div style="direction: ltr;">
  16         <div style="text-align: left;">
  17             <select><option>&#x05d0;A</option></select>
  18             <select><option>A&#x05d0;</option></select>
  19             <select><option>(&#x05d0;A</option></select>
  20             <select><option>(A&#x05d0;</option></select>
  21         </div>
  22         <div style="text-align: right;">
  23             <select><option>&#x05d0;A</option></select>
  24             <select><option>A&#x05d0;</option></select>
  25             <select><option>(&#x05d0;A</option></select>
  26             <select><option>(A&#x05d0;</option></select>
  27         </div>
  28     </div>
  29     <div style="direction: rtl;">
  30         <div style="text-align: left;">
  31             <select><option>&#x05d0;A</option></select>
  32             <select><option>A&#x05d0;</option></select>
  33             <select><option>(&#x05d0;A</option></select>
  34             <select><option>(A&#x05d0;</option></select>
  35         </div>
  36         <div style="text-align: right;">
  37             <select><option>&#x05d0;A</option></select>
  38             <select><option>A&#x05d0;</option></select>
  39             <select><option>(&#x05d0;A</option></select>
  40             <select><option>(A&#x05d0;</option></select>
  41         </div>
  42     </div>
  43 </body>
  44 </html>