<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - image map area focus ring location sometimes incorrect"
href="https://bugs.webkit.org/show_bug.cgi?id=143527">143527</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>image map area focus ring location sometimes incorrect
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>528+ (Nightly build)
</td>
</tr>
<tr>
<th>Hardware</th>
<td>Macintosh Intel
</td>
</tr>
<tr>
<th>OS</th>
<td>Mac OS X 10.10
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>CSS
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>webkit@rebertia.com
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=250363" name="attach_250363" title="Top focus ring location is correct, Bottom focus ring within modal is wrong">attachment 250363</a> <a href="attachment.cgi?id=250363&action=edit" title="Top focus ring location is correct, Bottom focus ring within modal is wrong">[details]</a></span>
Top focus ring location is correct, Bottom focus ring within modal is wrong
Environment:
Safari Version 8.0.4 (10600.4.10.7)
Steps to reproduce:
1. Open <a href="http://jsbin.com/tufoye/2/edit">http://jsbin.com/tufoye/2/edit</a>
2. Resize the Output pane to be at least 800px wide.
3. Hover over the lower-left part of the gray rectangle where the mouse cursor becomes the gloved-hand pointer.
(Which is to say that you're hovering over the image map's <area>.)
4. Click.
5. Note the location of the circular blue focus ring that appears.
6. Click the "Launch demo modal" button.
7. In the modal box that appears, click the same location in its gray rectangle image map.
8. Note the location of the circular blue focus ring that appears.
Expected result:
The locations of the focus rings in steps 5 & 8 should be the same relative to their respective gray rectangle image maps.
Actual result:
The location of the focus ring in step 8 is incorrect and differs from that of the focus ring in step 5.
Original Bootstrap bug report:
<a href="https://github.com/twbs/bootstrap/issues/16180">https://github.com/twbs/bootstrap/issues/16180</a></pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>