Ticket #9486 (closed bug: invalid)
mouseout/mouseleave triggered on tr between td's in Chrome
| Reported by: | akavlie@… | Owned by: | akavlie@… |
|---|---|---|---|
| Priority: | low | Milestone: | 1.next |
| Component: | event | Version: | 1.6.1 |
| Keywords: | Cc: | ||
| Blocking: | Blocked by: |
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.
Change History
comment:2 Changed 2 years ago by akavlie@…
- Status changed from pending to 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/
comment:3 follow-up: ↓ 4 Changed 2 years ago by timmywil
- Priority changed from undecided to low
- Resolution set to invalid
- Status changed from new to closed
- Component changed from unfiled to event
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.
comment:4 in reply to: ↑ 3 Changed 2 years ago by anonymous
Replying to 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.
Please follow the bug reporting guidlines and use jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.

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