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

Side by Side Diff: LayoutTests/fast/images/imagemap-focus-ring-outline-color.html

Issue 481753002: Use Shadow DOM to display fallback content for images (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Updated Created 6 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
OLDNEW
1 <html> 1 <html>
2 <head> 2 <head>
3 <style> 3 <style>
4 area:focus { outline-color: green; } 4 area:focus { outline-color: green; }
5 </style> 5 </style>
6 <script> 6 <script>
7 window.onload = function() 7 window.onload = function()
8 { 8 {
9 document.getElementById("area").focus(); 9 document.getElementById("area").focus();
10 } 10 }
11 </script> 11 </script>
12 </head> 12 </head>
13 <body> 13 <body>
14 <p>Assuming the port-specific theme draws focus rings, this test can be used to ensure that a focus ring is drawn for an &lt;area&gt;. This test PASSED if a gre en-colored focus ring is drawn around the &lt;area&gt; in the imagemap (below).< /p> 14 <p>Assuming the port-specific theme draws focus rings, this test can be used to ensure that a focus ring is drawn for an &lt;area&gt;. This test PASSED if a gre en-colored focus ring is drawn around the &lt;area&gt; in the imagemap (below).< /p>
15 <map name="imagemap"> 15 <map name="imagemap">
16 <area id="area" shape="rect" coords="0,0,128,128" href="#dummy"/> 16 <area id="area" shape="rect" coords="0,0,128,128" href="#dummy"/>
17 </map> 17 </map>
18 <img src="imagemap.jpg" width="128" height="128" usemap="#imagemap" /> 18 <img width="128" height="128" usemap="#imagemap" />
19 </body> 19 </body>
20 </head> 20 </head>
21 </html> 21 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698