Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(9)

Side by Side Diff: LayoutTests/fast/speech/speech-bidi-rendering.html

Issue 100793006: Show speech button for x-webkit-speech only if the field is editable and focused/hovered. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 7 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « LayoutTests/fast/speech/input-appearance-speechbutton.html ('k') | Source/core/css/html.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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>
OLDNEW
« no previous file with comments | « LayoutTests/fast/speech/input-appearance-speechbutton.html ('k') | Source/core/css/html.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698