mouseout/mouseleave triggered on tr between td's in Chrome

Reported by:	akavlie@gmail.com	Owned by:	akavlie@gmail.com
Priority:	low	Milestone:	1.next
Component:	event	Version:	1.6.1
Keywords:		Cc:
Blocked by:		Blocking:

Description

When binding mouseout or mouseleave to a table row in Chrome, there is a 1-pixel gap between td's where the event is triggered as if the cursor has left the row. Thus my effects appear to "flicker" as the cursor moves across the row.

This could be a Chrome bug, as right-clicking on that 1-pixel gap and inspecting the element highlighted the table rather than the td.

This does not happen in Firefox.

Attachments (0)

Change History (4)

Changed June 01, 2011 08:58PM UTC by dmethvin comment:1

owner:	→ akavlie@gmail.com
status:	new → pending

Generally there would only be a 1-pixel gap if you have cell borders. Can you provide a test case?

Changed June 02, 2011 02:30AM UTC by akavlie@gmail.com comment:2

status:	pending → new

I did a very simple test case on jsfiddle and it confirms the issue. Could be something about Chrome default CSS that I'm not seeing.

http://jsfiddle.net/EQWhM/

Changed June 02, 2011 01:55PM UTC by timmywil comment:3

component:	unfiled → event
priority:	undecided → low
resolution:	→ invalid
status:	new → closed

It does just seem to be part of the idiosyncrasies of a table layout:

http://jsfiddle.net/timmywil/EQWhM/2/

When hovering over the tr and it turns white, notice the click target is the table.

Changed June 02, 2011 05:45PM UTC by anonymous comment:4

Replying to [comment:3 timmywil]:

It does just seem to be part of the idiosyncrasies of a table layout: http://jsfiddle.net/timmywil/EQWhM/2/ When hovering over the tr and it turns white, notice the click target is the table.

Yeah, I did notice that.

Maybe I should report this as a Chrome bug then? This shouldn't be happening.

Side navigation