@f8team/reel-core 1.1.2 → 1.1.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @f8team/reel-core
 
+## 1.1.3
+
+### Patch Changes
+
+- 01e3f6a: Fullscreen on iPhone: where the element Fullscreen API is missing, `fullscreen:toggle` now expands the player container to cover the window (overlays such as the watermark stay visible) instead of doing nothing. Escape or a second toggle restores the page. The container gets `data-reel-window-fullscreen` and `state.fullscreen` follows it.
+
 ## 1.1.2
 
 ### Patch Changes

package/dist/index.cjs

@@ -1476,6 +1476,8 @@ function createStore(initial, options = {}) {
 }
 
 // src/createPlayer.ts
+var WINDOW_FULLSCREEN_ATTR = "data-reel-window-fullscreen";
+var WINDOW_FULLSCREEN_EVENT = "reel-windowfullscreenchange";
 function makeInitialState(options) {
   return {
     status: "idle",
@@ -1914,13 +1916,15 @@ function createPlayer(options = {}, internal = {}) {
     });
     const ownerDocument = target.ownerDocument;
     const onFullscreenChange = () => {
-      const isFullscreen = !!ownerDocument.fullscreenElement?.contains(target);
+      const isFullscreen = !!ownerDocument.fullscreenElement?.contains(target) || !!target.closest(`[${WINDOW_FULLSCREEN_ATTR}]`);
       store.setState({ fullscreen: isFullscreen });
       bus.emit("fullscreenchange", { fullscreen: isFullscreen });
     };
     ownerDocument.addEventListener("fullscreenchange", onFullscreenChange);
+    target.addEventListener(WINDOW_FULLSCREEN_EVENT, onFullscreenChange);
     nativeListeners.push(
-      () => ownerDocument.removeEventListener("fullscreenchange", onFullscreenChange)
+      () => ownerDocument.removeEventListener("fullscreenchange", onFullscreenChange),
+      () => target.removeEventListener(WINDOW_FULLSCREEN_EVENT, onFullscreenChange)
     );
   }
   function unbindNativeEvents() {