Open
Bug 1420629
Opened 8 years ago
Updated 3 years ago
jquery mouse.over problems
Categories
(Core :: DOM: Events, defect, P3)
Tracking
()
UNCONFIRMED
People
(Reporter: echwell, Unassigned, NeedInfo)
Details
User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:58.0) Gecko/20100101 Firefox/58.0
Build ID: 20171120142222
Steps to reproduce:
if I want to apply an image fade effect, with the mouseover event trigger in jQuery, the fading is executed two times.
$( ".image_to_fade" ).on('mouseover',function() {
$(this).fadeOut(100, function() {
$(this).attr("src","https://newsite.com/image1.jpg");
}).fadeIn(1000);
});
I tested it on Chrome and it works correctly but on Firefox 57 and 58 the fade effect is doubled.
Actual results:
When the pointer is on the selected area to trigger the fade event, it's executed two times.
Expected results:
The fade effect must be executed one time when the pointer is on the trigger's area.
Comment 1•8 years ago
|
||
can you provide standalone testcase?
Flags: needinfo?(echwell)
Keywords: testcase-wanted
Updated•8 years ago
|
Component: Untriaged → DOM: Events
Product: Firefox → Core
What do you mean with standalone testcase?
SOmething like the page where the error happens?
Flags: needinfo?(echwell)
Comment 3•8 years ago
|
||
yes
the codelet in comment #0 doesn’t work alone, and the problem is not reproducible.
Flags: needinfo?(echwell)
<a class="image_to_fade" href="#">
<img class="menu_img" src="image_to display.jpg" width="50%" height="50%"/><p class="category_title">Test</p>
</a>
This is the part where the code in the first post will be applied
Flags: needinfo?(echwell)
Comment 5•8 years ago
|
||
(In reply to echwell from comment #4)
> <a class="image_to_fade" href="#">
> <img class="menu_img" src="image_to display.jpg" width="50%"
> height="50%"/><p class="category_title">Test</p>
> </a>
>
> This is the part where the code in the first post will be applied
I wrote a simple test that showed mouseover was fired just once as expected. https://jsfiddle.net/ar7ze3wa/
Comment 4 didn't show how mouseover callback was written, so I am not really sure whether the problem is in firefox code. Would still be very helpful to get a minimum test case that covers weird mouseover behaviour you encountered.
Priority: -- → P3
https://jsfiddle.net/o2gxgz9r/19569/
This one for me isn't working, at least not everytime
News? I see the bug still not confirmed, did you look at the example I posted?
Hi,
I noticed that this ticket has the "testcase-wanted" tag, however reported provided this test page: https://jsfiddle.net/o2gxgz9r/19569/ as per comment 6. For that reason, I'm removing the testcase-wanted flag
I tested it using the latest Nightly 74.0a1 (2020-01-22) (64-bit) and I see the fading, but the image changes 3 times while doing a mouseover.
Please write us back in case you are still experiencing this issue and have either more information regarding the expected result or a new test page where we can test again.
Thanks,
Virginia
Flags: needinfo?(echwell)
Keywords: testcase-wanted
Updated•3 years ago
|
Severity: normal → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•