Ticket #7729 (closed bug: duplicate)
mouseenter/leave is fired from bubbled up mouse events happening on child-input-fields
|Reported by:||phofstetter@…||Owned by:|
A parent's mouseenter/mouseleave events are fired when the mouse moves over an <input> field somewhere in the child hierarchy.
This is contrary to the documentation which says that mouse(enter|leave) should only fire if the mouse enters/leaves the element the handler is attached to, but not any of its children.
I've created a reduced testcase on http://jsfiddle.net/qs9f2/. The code is basically the same as the example code that was on the API documentation for mouseleave(). As you see, events are generated when you move your mouse over the <input>-element.
- Chrome (8 and 9)
- Safari 5.0.2
So it look as if this is primarely an issue with webkit browsers.
Expected results: When you move the muse over the input field, "enter" should appear one in the logging-div. When you move the mouse away from the input field, but stay inside the outer div, nothing should appear in the logging div
Actual results: When you move over the input field, "leave" is logged. When you move out of the input field, "enter" is logged.
- Priority changed from undecided to low
- Resolution set to worksforme
- Status changed from new to closed
- Component changed from unfiled to event
- Status changed from closed to reopened
- Version changed from 1.4.4 to 1.5
- Resolution worksforme deleted
- Milestone changed from 1.6 to 1.5.1
- Status changed from reopened to closed
- Resolution set to duplicate