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

Side by Side Diff: LayoutTests/fast/images/imagemap-focus-ring-outline-color-explicitly-inherited-from-map.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, 1 month 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 map { outline-color: green; } 4 map { outline-color: green; }
5 area:focus { outline-color: inherit; } 5 area:focus { outline-color: inherit; }
6 </style> 6 </style>
7 <script> 7 <script>
8 window.onload = function() 8 window.onload = function()
9 { 9 {
10 document.getElementById("area").focus(); 10 document.getElementById("area").focus();
11 } 11 }
12 </script> 12 </script>
13 </head> 13 </head>
14 <body> 14 <body>
15 <p>Assuming the port-specific theme draws focus rings, this test can be used to ensure that the focus ring color for an &lt;area&gt; can be explicitly inherited from &lt;map&gt;. This test PASSED if a green-colored focus ring is drawn aroun d the &lt;area&gt; in the imagemap (below).</p> 15 <p>Assuming the port-specific theme draws focus rings, this test can be used to ensure that the focus ring color for an &lt;area&gt; can be explicitly inherited from &lt;map&gt;. This test PASSED if a green-colored focus ring is drawn aroun d the &lt;area&gt; in the imagemap (below).</p>
16 <map name="imagemap"> 16 <map name="imagemap">
17 <area id="area" shape="rect" coords="0,0,128,128" href="#dummy"/> 17 <area id="area" shape="rect" coords="0,0,128,128" href="#dummy"/>
18 </map> 18 </map>
19 <img src="imagemap.jpg" width="128" height="128" usemap="#imagemap" /> 19 <img width="128" height="128" usemap="#imagemap" />
20 </body> 20 </body>
21 </head> 21 </head>
22 </html> 22 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698