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

Side by Side Diff: LayoutTests/fast/images/imagemap-focus-ring-outline-color-not-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: red; } 4 map { outline-color: red; }
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 the focus ring color is not inherited for an &lt;area&gt; (by defaul t) as per <a href="http://www.w3.org/TR/CSS2/ui.html#dynamic-outlines">section 1 8.4 "Dynamic outlines: the 'outline' property" of the CSS2.1 spec</a>. This test FAILED if a red-colored focus ring is drawn around the &lt;area&gt; in the imag emap (below).</p> 14 <p>Assuming the port-specific theme draws focus rings, this test can be used to ensure that the focus ring color is not inherited for an &lt;area&gt; (by defaul t) as per <a href="http://www.w3.org/TR/CSS2/ui.html#dynamic-outlines">section 1 8.4 "Dynamic outlines: the 'outline' property" of the CSS2.1 spec</a>. This test FAILED if a red-colored focus ring is drawn around the &lt;area&gt; in the imag emap (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