0
239
ViewsError de monitor múltiple Electron con vitalidad/transparencia en MacOS Big Sur
He notado lo que parece ser un error con los efectos de vitalidad en Electron, ejecutándose en MacOS Big Sur...
Así es como se ve mi ventana cuando se carga por primera vez:
Esto es lo que parece si lo arrastro a otra pantalla y de regreso, sin soltar el mouse:
Esto es lo que parece si lo arrastro a otra pantalla, suelto el mouse y luego lo arrastro de nuevo:
Así es como configuré mi BrowserWindow :
const win = new BrowserWindow({ darkTheme: true, frame: false, roundedCorners: true, transparent: true, vibrancy: 'fullscreen-ui', titleBarStyle: 'hiddenInset', width: 1024, height: 768, minWidth: 640, minHeight: 480 })Y finalmente, aquí está el marcado, para que pueda ver cómo/por qué hay un encabezado que se puede arrastrar:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> html, body { margin: 0; padding: 0; min-height: 100%; min-width: 100%; height: 100%; width: 100%; overflow: hidden; } header { display: block; width: 100%; height: 38px; background: rgba(0, 0, 0, 0.5); user-select: none; -webkit-user-select: none; -webkit-app-region: drag; } </style> </head> <body> <header> </header> </body> </html>Aparte de "es un error", ¿hay alguna idea de por qué la ventana pierde sus bordes redondeados y deja caer la sombra cuando se arrastra a otra pantalla? Si se trata de un error en la forma en que configuré el código, en lugar de en Electron, ¿cómo soluciono esto?