[jQuery] bug: hover over table cells containing form elements
If you hover over a table cell with a select dropdown, mouseout fires
in Internet Explorer 6. If you hover over a cell with an input
element, you get a permission denied error in Firefox.
Can't upload file at the moment, so here is the sample test case:
<html>
<head>
<title>Hover test</title>
<script type="text/javascript" src="jquery-svn.js"></script>
<script type="text/javascript">
$(document).ready(
function()
{
$("table").find("td").css({padding : "20px", width: "200px"}).hover(
function()
{
$(this).css({backgroundColor:
"#eee"}).find("span").hide().end().find("select,input").show();
}
,
function()
{
$(this).css({backgroundColor:
"#fff"}).find("span").show().end().find("select,input").hide();
}
).find("select,input").hide();
}
)
</script>
</head>
<body>
<table>
<tr>
<th>Foo</th>
<th>Bar</th>
<th>Baz</th>
</tr>
<tr>
<td><span>Foo One</span>
<select name="foo">
<option>Foo One</option>
<option>Foo OneTwo</option>
<option>Foo OneThree</option>
</select></td>
<td><span>Bar One</span><input type="text" value="Bar One" name="bar" /></td>
<td>Baz One</td>
</tr>
<tr>
<td>Foo Two</td>
<td>Bar Two</td>
<td>Baz Two</td>
</tr>
</table>
Hover over Foo One and you get a dropdown. Hover over Bar One you
get a text box.
Issues:
<ul>
<li>In Internet Explorer 6: Hovering over Foo One then over the
select removes the background</li>
<li>In Firefox: Hovering over Bar One then the text box results in
"Error: uncaught exception: Permission denied to get property
HTMLDivElement.parentNode"</li>
</ul>
</body>
</html>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/