Merge pull request #1759 from theprojectsomething/features/fullscreen-container

Features/fullscreen container

1 files changed, 11 insertions, 0 deletions

diff --git a/src/js/listeners.js b/src/js/listeners.js
index cd468083..4bacbb2c 100644
--- a/src/js/listeners.js
+++ b/src/js/listeners.js
@@ -814,6 +814,17 @@ class Listeners {
             elements.controls.hover = !player.touch && event.type === 'mouseenter';
         });
 
+        // Also update controls.hover state for any non-player children of fullscreen element (as above)
+        if (elements.fullscreen) {
+            Array.from(elements.fullscreen.children)
+            .filter(c => !c.contains(elements.container))
+            .forEach(child => {
+                this.bind(child, 'mouseenter mouseleave', event => {
+                    elements.controls.hover = !player.touch && event.type === 'mouseenter';
+                });
+            });
+        }
+
         // Update controls.pressed state (used for ui.toggleControls to avoid hiding when interacting)
         this.bind(elements.controls, 'mousedown mouseup touchstart touchend touchcancel', event => {
             elements.controls.pressed = ['mousedown', 'touchstart'].includes(event.type);