Tengo una aplicación VueJS2 dentro de Electron 18.2 y quiero hacer una pantalla completa div cuando el usuario presiona un botón.

estoy usando este codigo

 console.log("fullscreenEnabled", document.fullscreenEnabled) if (!document.fullscreenElement) { if (this.$refs["container"].requestFullscreen) { this.$refs["container"] .requestFullscreen() .then(() => console.log("fullscreen works")) .catch(e => console.log("toggleFullscreen error", e)) } } else { console.log("exit") if (document.exitFullscreen) { document.exitFullscreen() } }

this.$refs["container"] es el div que quiero a pantalla completa y tiene valor document.fullscreenEnabled devuelve verdadero

Probé este código en un proyecto clean electron de la misma versión y ahí funciona, 100% el mismo código.

Lo que pasa es que no se muestra nada en la consola y el div no va a pantalla completa, ni luego ni captura los disparadores, no hay acciones al hacer clic en el botón. El método se llama con @click="toggleFullScreen"

Qué podría ser la causa ? ¿Electron tiene algunas configuraciones que podrían haberse cambiado para bloquear la API de pantalla completa? No hice el proyecto, solo tengo que agregarle esta función.

El proyecto está realizado con VueJS2, Nuxt2, Electron 18.2 y Vuetify

Gracias.