Open
Bug 562386
Opened 15 years ago
Updated 3 years ago
mouseover/mouseout for div 1 pixel off horizontally in some situations
Categories
(Core :: Layout: Block and Inline, defect)
Tracking
()
UNCONFIRMED
People
(Reporter: oskar, Unassigned)
Details
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; sv-SE; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3 (.NET CLR 3.5.30729)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; sv-SE; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3 (.NET CLR 3.5.30729)
The example below shows that mouseover/mouseout is one pixel off horizontally with 10 pt font size. When the mouse cursor is just inside the blue div's left side, no mouseover event is triggered. When the mouse cursor is just inside the pink div's left side, a mouseover event is triggered for the blue div.
I tried to reduce the test case as much as possible, and I could not reproduce the problem with either one of the following changes:
1) no font-size for <table> (or default 12pt)
2) one <td style="padding-right: 0.5em;"></td> removed
3) no style="padding-right: 0.5em;" in either one of the <td>s
Let me know if I can provide more information.
Regards,
Oskar Liljeblad (oskar@osk.mine.nu)
Reproducible: Always
Steps to Reproduce:
<html>
<head>
<script type="text/javascript">
function h (c) { document.getElementById('t').style.backgroundColor = c; }
</script>
<style type="text/css">
div { height: 5em; display: inline-block; background-color: pink; }
</style>
</head>
<body style="cursor: crosshair">
<table style="font-size: 10pt;">
<tr>
<td style="padding-right: 0.5em;"></td><td style="padding-right: 0.5em;"></td>
<td><div style="background-color: blue;" id="t" onmouseover="h('red')" onmouseout="h('blue')">text</div><div>text</div></td>
</tr>
</table>
</body>
</html>
|
||
Updated•3 years ago
|
Severity: normal → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•