From 9d394958718e366ffb9fa402a57354e67ce280ea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fernando=20Fern=C3=A1ndez?= <ferferga@hotmail.com>
Date: Tue, 14 Mar 2023 18:06:29 +0100
Subject: [PATCH] fix(useFullscreen): handle Safari iOS (#2822)

Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>
---
 packages/core/useFullscreen/index.ts | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/core/useFullscreen/index.ts b/packages/core/useFullscreen/index.ts
index 5b77e9f3106..966c248f80f 100644
--- a/packages/core/useFullscreen/index.ts
+++ b/packages/core/useFullscreen/index.ts
@@ -37,6 +37,15 @@ const functionsMap: FunctionMap[] = [
     'webkitfullscreenchange',
     'webkitfullscreenerror',
   ],
+  // Safari iOS WebKit
+  [
+    'webkitEnterFullscreen',
+    'webkitExitFullscreen',
+    'webkitFullscreenElement',
+    'webkitFullscreenEnabled',
+    'webkitfullscreenchange',
+    'webkitfullscreenerror',
+  ],
   // Old WebKit
   [
     'webkitRequestFullScreen',
@@ -94,8 +103,10 @@ export function useFullscreen(
       return false
     }
     else {
+      const target = unrefElement(targetRef)
+
       for (const m of functionsMap) {
-        if (m[1] in document) {
+        if (m[1] in document || (target && m[0] in target)) {
           map = m
           return true
         }