Usar la API de pantalla completa nativa para alternar la pantalla completa en Safari MacOS y enfrentar este problema, donde el elemento que se supone que debe ir a pantalla completa tiene otros elementos en la parte superior. Intenté jugar con z-index con elementos en la parte superior, pero no obtuve ninguna solución. Aquí hay una captura de pantalla del problema.

El HTML del código es demasiado complejo para ponerlo aquí.

Esta es la función que se usa para alternar la pantalla completa.

 enterFullScreen = (ele?: any): void => { let doc = document.documentElement; if (ele != null) { doc = ele; } const docElmWithBrowsersFullScreenFunctions = doc as HTMLElement & { mozRequestFullScreen(): Promise<void>; webkitRequestFullscreen(): Promise<void>; msRequestFullscreen(): Promise<void>; }; if (docElmWithBrowsersFullScreenFunctions.requestFullscreen) { docElmWithBrowsersFullScreenFunctions.requestFullscreen(); } else if (docElmWithBrowsersFullScreenFunctions.mozRequestFullScreen) { /* Firefox */ docElmWithBrowsersFullScreenFunctions.mozRequestFullScreen(); } else if (docElmWithBrowsersFullScreenFunctions.webkitRequestFullscreen) { /* Chrome, Safari and Opera */ docElmWithBrowsersFullScreenFunctions.webkitRequestFullscreen(); } else if (docElmWithBrowsersFullScreenFunctions.msRequestFullscreen) { /* IE/Edge */ docElmWithBrowsersFullScreenFunctions.msRequestFullscreen(); } }

Intenté encontrar si la propiedad CSS will-change se usa en alguna parte del proyecto como se menciona aquí , pero no está allí. ¿Alguien está enfrentando un problema similar?