Mouse cursor only hidden when placed at the center of the video player

[FiberOnePL]

When playing a video, the cursor remains visible when being placed on the left or the right side of the video player, it is hidden when being place in the center of the video player. These positions seem to be related to the div.shake-rewind-container and div.shaka-fast-forward-container seen in the (edited) screenshot (the green area is the one where the cursor is hidden).

[joeyparrish]

Great find! This probably has to do with which elements get mouse interactions, who receives mouseover events, how the timer to hide the mouse is started, etc.

[FiberOnePL]

@joeyparrish

After commenting out the cursor tracking everything works fine. So you're right.

[OothecaPickle]

@FiberOnePL which lines did you comment out?

[joeyparrish]

Would you please consider sending a PR?

[OothecaPickle]

The cursor is also not hidden along with the rest of the UI if it's placed over other elements such as the center play button, if enabled, or the progress bar area.

[OothecaPickle]

When the cursor is placed over the big play button, the DevTools debugger does break if the breakpoint is set to the line that sets the cursor style to 'none' , but the cursor does not disappear.

[avelad]

@joeyparrish

After commenting out the cursor tracking everything works fine. So you're right.

Can you create a PR with your change? Thanks!

[FiberOnePL]

@joeyparrish @avelad

Yes, the problem is caused by cursor tracking

[OothecaPickle]

@avelad #7458 doesn't resolve the issue, the cursor is still not hidden if it's placed over other UI elements such as the center play button or the video controls. My solution was to update the cursor style for all descendant elements of the video container acbc006

[joeyparrish]

Recursively changing the cursor feels hacky. Shouldn't elements below the container inherit the cursor style instead?

[OothecaPickle]

Recursively changing the cursor feels hacky. Shouldn't elements below the container inherit the cursor style instead?

cursor styles with more specificity (that take precedence) are defined in CSS for many of those elements

[OothecaPickle]

in the case of the big play button, the user agent stylesheet overrides its cursor style

[joeyparrish]

Hrm... then maybe we should adjust those as well. Maybe some of them are not needed?