Fullscreen triggers the inview handler of the components underneath

[swashbuck]

Subject of the issue

The fullscreen bug from adapt-contrib-framework #1478 ("making video fullscreen triggers the inview handler of the component underneath") does not seem to have been completely fixed or has stopped working with newer browsers.

This is the current fix:
https://github.com/adaptlearning/adapt-contrib-media/blob/master/libraries/mediaelement-fullscreen-hook.js

Your environment

• FW 5.39.7
• Media 6.7.3
• Mac 14.7, Firefox 130.0.1

Steps to reproduce

1. Place blocks with components set to inview completion immediately after a block with a Media component.
2. Enter and exit fullscreen on the Media component.

Expected behaviour

inview components stay incomplete.

Actual behaviour

inview components are completed.

Screen recordings

In both examples below, I'm setting the component background color to pink once completed to assist with testing.

.component.is-complete {
  background: deeppink !important;
}

Example 1

Here, I immediately click on the fullscreen button and then exit. The subsequent Text component is immediately completed.

fullscreen1.mp4

Example 2

In this recording, I first play the video. Then, I enter and exit fullscreen mode five times. On the last time, the Text component is completed.

fullscreen2.mp4