[Webkit-unassigned] [Bug 110940] New: Possibilities to use border css property on imagemap..

Tue Feb 26 20:47:55 PST 2013

https://bugs.webkit.org/show_bug.cgi?id=110940

           Summary: Possibilities to use border css property on imagemap..
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
        OS/Version: All
            Status: UNCONFIRMED
          Severity: Major
          Priority: P2
         Component: WebCore Misc.
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: ararunprasad at gmail.com
                CC: darin at apple.com, ararunprasad at gmail.com

Created an attachment (id=190434)
 --> (https://bugs.webkit.org/attachment.cgi?id=190434&action=review)
reduced test case to reproduce this issue

I'm trying to use border CSS property on image map. Suppose if area element gets focus it should highlight with different border size & color than the default one.

So I tried using :focus { border:5px solid red; }. But it is not working in WebKit based browsers. But border property works well for all other elements(a,div,span,p,..) but not with area. I tried to debug it in RenderImage::paintReplaced, but I don't get any clue about how the border is drawn.

Below is the sample document,

<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
:focus { border:5px solid red; }
body {margin: 100px;}
</style>
<script>
window.onload = function()
{
    document.getElementById("area").focus();
}
</script>
</head>
<body>
<map name="imagemap">
    <area id="area" shape="rect" coords="0,0,50,50" href="#dummy">
</map>
<img src="http://upload.wikimedia.org/wikipedia/en/5/5a/Webkit_Logo.png" width="128" height="128" usemap="#imagemap">
<div>
<a href="#dummy">Anchor with Border</a>
</div>
</body></html>

I don't want to use any external js libraries to do this work(JQuery has a plugin to do the task using canvas/svg).

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.