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