Summary

When having video players on a course page, exiting from full screen video mode causes course navigation drawers to collapse upon clicking anywhere on the video player.

Steps to reproduce

A Moodle backup of an appropriate test quiz to reproduce this issue is attached as test-course.mbz!

1. Log in as teacher or admin
2. Create a test course
3. Create a Page activity inside the course
4. Include a video in the Page content section and save Page
5. Open the created page and expand the course navigation drawer
6. Click the play button of the video
7. Activate full screen video mode
8. Exit full screen video mode
9. Click anywhere on the video player

Note: Make sure that you have the Multimedia plugins filter and at least one video player enabled!

Expected Behavior

Video player can be interacted without affecting state of drawers.

Actual Behavior

After exiting full screen mode, clicking anywhere on the video player closes the course navigation drawer.

See screen recording video-bug-demonstration.mkv for a demonstration of the issue.

Additional Notes

• Affects both VideoJS player and HTML5 video
• There seems to be some kind of race condition, triggering on my system only about 90% of all tries.
• Reloading a page fixes this behavior until the full screen mode is used again
• Drawers solely collapse and do not expend again upon clicking into the video player multiple times

Probably there is an event handler (focusin or focusout?), that registers another click event listener, which in the end causes the drawers to collapse.

Affected Versions

I have tested this on 4.3.3 and 4.3.2, but it is likely that this affects previous versions as well.

Thanks!