Side navigation
#6329 closed bug (duplicate)
Opened March 21, 2010 07:18PM UTC
Closed February 08, 2011 03:40PM UTC
Last modified March 14, 2012 01:27AM UTC
hover, mouseenter, mouseleave do not behave as expected when entering from or exiting to a textarea or text input.
| Reported by: | eternicode | Owned by: | |
|---|---|---|---|
| Priority: | low | Milestone: | 1.5.1 |
| Component: | event | Version: | 1.5 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
Functions attached to a subject via the mouseenter and mouseleave functions (or alternatively the hover function) are not triggered if:
- the mouse, on leaving the subject, enters a textarea or text input
- the mouse, on entering the subject, has left a textarea or text input
I first noticed this while using version 1.3.2, but it seems to happen with 1.4.2 as well.
In the attached file, hovering from the page to the div and vice-versa expand and shrink the div as expected. However, if you hover from the page to the div, then from the div to the textarea (or to the input), the div will not shrink as expected. It is the same for hovering in from the textarea/input then hovering out to the page.
Attachments (1)
Change History (11)
Changed October 25, 2010 08:28PM UTC by comment:1
| priority: | → low |
|---|---|
| resolution: | → worksforme |
| status: | new → closed |
Changed December 21, 2010 06:05PM UTC by comment:2
still exists for chrome 10.0.612
Changed December 22, 2010 12:56AM UTC by comment:3
Replying to [comment:2 anonymous]:
still exists for chrome 10.0.612
The current stable version is 8.0.552.224 so if this behavior reappeared with a bleeding edge development version report on the chrome bug tracker
Changed December 22, 2010 08:55AM UTC by comment:5
Hmm, another dupe of this just came in (7828), related chrome thread:
Changed February 07, 2011 12:20AM UTC by comment:6
I'm seeing this behaviour with the current stable version of Chrome (9.0.597.84). A hover event handler is present on a parent div element to a text input element. Hovering the parent div triggers the event correctly, this is then cleared when entering the child input element.
Works in IE 8, F 3.5, not in Chrome. It seems that the event isn't being passed up the chain - or something. I have no idea whether this is a fault in Chrome or JQuery, it would be great to get some expert eyes on it.
Changed February 07, 2011 12:28AM UTC by comment:7
By omitting a second hover function, jQuery will re-execute the first hover function "on hover out". So if the first function toggle's a class, the second will too.
Take a look at this:
Changed February 07, 2011 12:41AM UTC by comment:8
@rwaldron: thanks for your reply. You're correct; I understand this. I'm using the toggle deliberately to add the class on enter and remove it when leaving. I could have used addClass() and removeClass() in the in/out handlers to be more specific. This displays the same, buggy, behaviour though.
I've updated the fiddle to include a workaround that keeps the input visible, as well as the demonstration of the behaviour.
I'm not sure if this is a JQuery thing or if Chrome is not bubbling the event to the parent for some reason.
Changed February 08, 2011 03:39PM UTC by comment:9
| keywords: | hover mouseenter mouseleave → browser-bug |
|---|---|
| milestone: | 1.4.3 → 1.5.1 |
| resolution: | worksforme |
| status: | closed → reopened |
| version: | 1.4.2 → 1.5 |
Changed February 08, 2011 03:40PM UTC by comment:10
| keywords: | browser-bug |
|---|---|
| resolution: | → duplicate |
| status: | reopened → closed |
Changed February 08, 2011 03:40PM UTC by comment:11
Duplicate of #8209.
This behavior no longer exists.
http://jsfiddle.net/rwaldron/7sSJr/1/