OLD | NEW |
1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
2 <html> | 2 <html> |
3 <body> | 3 <body> |
| 4 <style> |
| 5 input::-webkit-input-speech-button { |
| 6 opacity: 1; |
| 7 } |
| 8 </style> |
4 <p> | 9 <p> |
5 This test verifies that the speech input control is rendered correctly for | 10 This test verifies that the speech input control is rendered correctly for |
6 dir=rtl/ltr. | 11 dir=rtl/ltr. |
7 </p> | 12 </p> |
8 <ul> | 13 <ul> |
9 <li>The Microphone icon should be on the <b>right</b>: | 14 <li>The Microphone icon should be on the <b>right</b>: |
10 <input id='speechInputLTR' x-webkit-speech></li> | 15 <input id='speechInputLTR' x-webkit-speech></li> |
11 <li>The Microphone icon should be on the <b>right</b>: | 16 <li>The Microphone icon should be on the <b>right</b>: |
12 <input id='speechInputLTRWithPadding' x-webkit-speech style="padding:5px 1
0px"></li> | 17 <input id='speechInputLTRWithPadding' x-webkit-speech style="padding:5px 1
0px"></li> |
13 <li>The Microphone icon should be on the <b>right</b>: | 18 <li>The Microphone icon should be on the <b>right</b>: |
14 <input id='speechInputRTLtoLTR' x-webkit-speech style="padding:5px 10px" d
ir=rtl></li> | 19 <input id='speechInputRTLtoLTR' x-webkit-speech style="padding:5px 10px" d
ir=rtl></li> |
15 | 20 |
16 | 21 |
17 <li>The Microphone icon should be on the <b>left</b>: | 22 <li>The Microphone icon should be on the <b>left</b>: |
18 <input id='speechInputRTL' x-webkit-speech dir=rtl></li> | 23 <input id='speechInputRTL' x-webkit-speech dir=rtl></li> |
19 <li>The Microphone icon should be on the <b>left</b>: | 24 <li>The Microphone icon should be on the <b>left</b>: |
20 <input id='speechInputLTRWithPadding' x-webkit-speech style="padding:5px 1
0px" dir=rtl></li> | 25 <input id='speechInputLTRWithPadding' x-webkit-speech style="padding:5px 1
0px" dir=rtl></li> |
21 <li>The Microphone icon should be on the <b>left</b>: | 26 <li>The Microphone icon should be on the <b>left</b>: |
22 <input id='speechInputLTRtoRTL' x-webkit-speech style="padding:5px 10px" d
ir=ltr></li> | 27 <input id='speechInputLTRtoRTL' x-webkit-speech style="padding:5px 10px" d
ir=ltr></li> |
23 </ul> | 28 </ul> |
24 | 29 |
25 <script> | 30 <script> |
26 document.getElementById("speechInputRTLtoLTR").dir = 'ltr'; | 31 document.getElementById("speechInputRTLtoLTR").dir = 'ltr'; |
27 document.getElementById("speechInputLTRtoRTL").dir = 'rtl'; | 32 document.getElementById("speechInputLTRtoRTL").dir = 'rtl'; |
28 </script> | 33 </script> |
29 </body> | 34 </body> |
30 </html> | 35 </html> |
OLD | NEW |