0

I updated my macOS to version 10.13 Beta, and feels superior than ever before. However when I started up my Electron app, I immediately noticed that my frameless window, which worked perfectly under 10.12, displayed a title bar. Here's a picture:

Undesired Behavior

Notice the grey bar on the top. The desired behavior would be no grey bar on top. I'm on the latest Electron version at the time of writing (1.6.11) and latest version of Node. Can someone explain why this is happening, and possibly a work-around?

Here's my code that creates this BrowserWindow:

mainWindow = new BrowserWindow({
    left:        electron.screen.getPrimaryDisplay().workAreaSize.width - 30,
    width:       30, 
    height:      (global.sharedObject.courseCount + 2) * 18 - 2 + 14,
    transparent: true,
    resizable:   false,
    frame:       false, 
    show:        false, 
    alwaysOnTop: true,
    hasShadow:   false
});
Joshua
  • 5,032
  • 2
  • 29
  • 45
Richard Yan
  • 1,276
  • 10
  • 21
  • Have you tried using `titleBarStyle: 'hidden'` instead of `frame. false`? – RoyalBingBong Jun 11 '17 at 16:55
  • @RoyalBingBong Sadly, it doesn't work. – Richard Yan Jun 12 '17 at 02:46
  • You should file a Radar about this. If you can provide a small project that demonstrates this issue chances are way better that Apple will fix it. – DarkDust Jun 16 '17 at 12:18
  • I notice the same issue with my App on OSX 10.13 (release, not beta). In fact I lost control on the way some items are drawn (textField background color) at top of the window. I also noticed a new option in Xcode Attributes Inspector for NSWindow "Transparent title bar" But that doesn't help. – claude31 Dec 05 '17 at 15:54

0 Answers0