Created attachment 79073 [details] issue image This issue seems to happen on webkit nightly and chrome on a mac (does not happen on windows for either, haven't tried chrome linux). This issue doesn't happen on Safari 5.0.3 or Firefox on the mac. Downstream bug http://code.google.com/p/chromium/issues/detail?id=68487 The test url above shows the issue, click on the circles and a black border is seen. See the attached image.
Also, in that test url, if you remove the css border and outline properties, clicking circles shows the normal focus border, which is correct, and no black border is seen.
<rdar://problem/8889770>
Looks like this regression is due to http://trac.webkit.org/changeset/69237.
I can also reproduce this issue by tabbing through the areas, although behavior exists in shipping Safari 5.
yea it's pretty reproducible
Another site affected by this bug is http://www.conduit.com. Click the tabs labeled 'Create apps yourself', 'Promote & optimize', etc. to see the bug.
Created attachment 82141 [details] testcase Adding a copy of the test case from the url since the old one was modified by it's original author to do a blur() onclick. So the issue wasn't being seen in the url.
Created attachment 87989 [details] Patch
Committed r82781: <http://trac.webkit.org/changeset/82781>
Comment on attachment 87989 [details] Patch View in context: https://bugs.webkit.org/attachment.cgi?id=87989&action=review > Source/WebCore/rendering/RenderImage.cpp:353 > + Might want to get rid of the whitespace added here.
(In reply to comment #10) > (From update of attachment 87989 [details]) > View in context: https://bugs.webkit.org/attachment.cgi?id=87989&action=review > > > Source/WebCore/rendering/RenderImage.cpp:353 > > + > > Might want to get rid of the whitespace added here. I did before I landed.