Index: third_party/WebKit/LayoutTests/fast/images/imagemap-focus-ring-with-scale-transform.html |
diff --git a/third_party/WebKit/LayoutTests/fast/images/imagemap-focus-ring-with-scale-transform.html b/third_party/WebKit/LayoutTests/fast/images/imagemap-focus-ring-with-scale-transform.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..dd068958bfe5b1573a4f0c182a84a1dc5613dbe2 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/images/imagemap-focus-ring-with-scale-transform.html |
@@ -0,0 +1,21 @@ |
+<!DOCTYPE html> |
+<style> |
+.container { |
+ transform: scale(2); |
+ position: absolute; |
+ left: 100px; |
+ top: 100px; |
+ width: 100px; |
+ height: 100px; |
+} |
+</style> |
+<script> |
+window.onload = function() { |
+ document.getElementById("area").focus(); |
+} |
+</script> |
+Tests that we paint area outline properly when the image's container is scaled. |
+<div class=container> |
+ <img src="./resources/green.jpg" width=50 height=50 usemap="#map"/> |
+ <map name="map"><area id=area shape="rectangle" coords="5, 5, 25, 25" href="#"></map> |
+</div> |