third_party/WebKit/LayoutTests/fast/forms/number/number-appearance-rtl.html

   1 <!DOCTYPE html>
   2 <html>
   3 <body>
   4 <!-- A spinbutton should be on the left side. -->
   5 <p dir=rtl><input type=number value=1>
   6 <p style="direction:rtl"><input type=number value=2>
   7 <p><input type=number value=3 dir=rtl>
   8 <p><input type=number id=i4 style="direction:rtl">
   9
  10 <!-- A spinbutton should be on the right side. -->
  11 <p><input type=number value=5 id=i5 dir=rtl>
  12 <p><input type=number value=6 id=i6 style="direction:rtl">
  13 <!-- A spinbutton should be on the left side. -->
  14 <p><input type=number value=7 id=i7 dir=ltr>
  15 <p><input type=number value=8 id=i8 style="direction:ltr">
  16
  17 <script>
  18 var input = document.getElementById('i4');
  19 input.focus();
  20 document.execCommand('insertText', false, '1234');
  21
  22 document.getElementById('i5').dir = 'ltr';
  23 document.getElementById('i6').style.direction = 'ltr';
  24 document.getElementById('i7').dir = 'rtl';
  25 document.getElementById('i8').style.direction = 'rtl';
  26 </script>
  27 </body>
  28 </html>
  29