1180031 - CSS hover state persists on repositioned elements if the mouse was over HTML5 video

Status: NEW

(Core :: DOM: UI Events & Focus Handling, defect)

Description

[u529383]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.130 Safari/537.36

Steps to reproduce:

It appears that the HTML5 player causes the CSS hover state to persist when the player itself (and any other parent element) moves outside the mouse position during a scroll action.

The issue that led me to this discovery was reported here along with a very clear video example provided by the user: https://github.com/ParticleCore/Particle/issues/41#issuecomment-118187604

This was tested with Firefox 39.


Actual results:

As exemplified by the user that reported the issue, with my add-on installed:

Position the mouse over the playing/paused video

Scroll the page downwards

The player and its elements move out of place, as per feature design

The two white buttons on the top border of the player become visible and remain visible


Expected results:

The two white buttons shouldn't stay visible, they should only become visible when the mouse is over the player in that small size.

Moving the mouse over and out of the player at this point "restores" the hovering state to the correct behavior.

The other controls native to the YouTube player disappear by themeselves because they are being controlled via javascript, not CSS (a result of Chrome CSS states not working correctly when the mouse exits the browser's edges) so these shouldn't be taken into consideration for this issue.

Comment 1

[Paul Pasca[Away. Please needinfo? Paul Oiegas [:pauloiegasSV]]]

Hi reporter,

Can you please provide a link to your plugin so I can test this issue on my end?
Also, please try to reproduce this on the latest release(42.0) and latest Nightly(45.0a1) and provide the results. The issue could have been fixed along the way since then.

Thanks,
Paul.

Comment 2

[u529383]

(In reply to PaulMircea from comment #1)
> Hi reporter,
> 
> Can you please provide a link to your plugin so I can test this issue on my
> end?
> Also, please try to reproduce this on the latest release(42.0) and latest
> Nightly(45.0a1) and provide the results. The issue could have been fixed
> along the way since then.
> 
> Thanks,
> Paul.

Hello Paul,

The add-on can be installed frome one of the two add-on locations listed here: https://github.com/ParticleCore/Particle/wiki/Download

I just tested in both Firefox current stable 42.0 and latest Nightly, the issue is still present. The hover state remains active when the element scrolls outside the cursor location.

Comment 3

[Paul Pasca[Away. Please needinfo? Paul Oiegas [:pauloiegasSV]]]

I've managed to reproduce this bug on the latest release(42.0) and latest Nightly(45.0a1).

User Agent: Mozilla/5.0 (Windows NT 6.1; rv:42.0) Gecko/20100101 Firefox/42.0
Build ID: 20151029151421

User Agent: Mozilla/5.0 (Windows NT 6.1; rv:45.0) Gecko/20100101 Firefox/45.0
Build ID: 20151208030212

On Chrome this works perfectly. Considering this, I will mark this issue as New and assign the appropriate component.