Frameless windows

[Fizzadar]

I'm trying to implement a frameless window (on MacOS w/pyobjc but ideally this would be possible everywhere, I think electron does it everywhere).

Getting the titlebar transparent and the content to fill the whole window is pretty simple with:

window_mask = window_mask | AppKit.NSFullSizeContentViewWindowMask
...
self.window.setTitlebarAppearsTransparent_(True)
self.window.setTitleVisibility_(AppKit.NSWindowTitleHidden)

However, the frameless window cannot be dragged about because even the very top is covered by the WebView - as dragging the mouse moves this into text selection mode. Electron's solution is a Chrome-specific (annoying) -webkit-app-regon: drag CSS selector.

My thinking is it might be possible to achieve this by drawing a transparent box over the top X pixels of the NSWindow and making that draggable (using setMovableByWindowBackground_(True)).

[r0x0r]

How about the window_frame=False parameter to create_window? Setting this parameter to True would hide the frame and enable easy drag. I think there is no value in having a frameless non-draggable window.

Would you get this feature started?

[Fizzadar]

window_frame=False sounds good to me; I'll see what I can come up with!

[r0x0r]

Small correction, the signature is `window_frame=True` not False

[Fizzadar]

I got this working last night for Cocoa on my frameless-windows branch! Made it draggable using an invisible "drag bar" at the top with code from the RoundTransparentWindow pyobjc example. Not sure this is the best approach!

[shivaprsd]

I reckon a better signature would be frameless=[False|True].

[r0x0r]

frameless is fine with me.
@Fizzadar any reason why drag bar is of a specific height and not the whole window?

[Fizzadar]

Will update to frameless when I get the chance!

@r0x0r it has to be limited to the top region as it blocks mouse events underneath it from hitting the webview. It might be possible to stop this but then dragging the window around might also select all the text on the page/similar. I just chose the height because it roughly fits the traffic light buttons on MacOS.

[shivaprsd]

@Fizzadar What about adding a modifier key, just for dragging? Like:

Simple drag: select text
Ctrl+drag: move window

Then we could get rid of this drag bar and apply the drag property to the whole
webview. Can you try if this is possible?

[r0x0r]

I don't like the idea of using a modifier key. It is not explicit and details like this must be documented (and documentation is easily ignored). Anyhow let's leave it like it is for the time being and decide on the dragging behaviour later.
@Fizzadar would you do a PR when you get a chance?

[shivaprsd]

Okay. We need to check if this is possible on Linux and Windows as well.

[Fizzadar]

Agreed re:drag stuff, I wanted to replicate native "top section drags" as much as possible, hence the bar! @r0x0r PR added :)