1420629 - jquery mouse.over problems

Status: UNCONFIRMED

(Core :: DOM: Events, defect, P3)

Description

[echwell]

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

[Tooru Fujisawa [:arai]]

can you provide standalone testcase?

Comment 2

[echwell]

What do you mean with standalone testcase? 
SOmething like the page where the error happens?

Comment 3

[Tooru Fujisawa [:arai]]

yes
the codelet in comment #0 doesn’t work alone, and the problem is not reproducible.

Comment 4

[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

Comment 5

[Hsin-Yi Tsai (she/her) [:hsinyi]]

(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.

Comment 6

[echwell]

https://jsfiddle.net/o2gxgz9r/19569/
This one for me isn't working, at least not everytime

Comment 7

[echwell]

News? I see the bug still not confirmed, did you look at the example I posted?

Comment 8

[Virginia (please send need info request to Brindusa Tot)]

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