BrowserWindow 'title-bar-style': 'hidden-inset' option: drag & drop

[ghost]

If this option is set, you can't drag/drop elements that are located in the top of the window (in the region where window's toolbar is placed). Even with -webkit-app-region: drag, dragging is not performed correctly.

The element which being dragged is native input[type="range"]
Here is the preview:

[samwillis]

It looks to me like the Brave guys have fixed it in their fork of Electron brave/muon#13 and it just needs merging upstream.

I would love to see this in electron.

[ggamel]

👍 I hope this makes it into Electron core

[loretoparisi]

I'm having this issue on MacOS El Capitan and electron@1.2.5. Has been merged with that?
I have tried the frameless-window example here
and adding to the BrowserWindow the hidden-inset titlebar option:

mainWindow = new BrowserWindow({
    width: 360,
    height: 300,
    frame: false,
    transparent : true,
    titleBarStyle : 'hidden-inset'
  });

having

Only with the custom top title bar item active:

.top-titlebar {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 32px;
  background-color: #7a7c7c;
  -webkit-user-select: none;
  -webkit-app-region: drag;
}

I can the the -webkit-app-region: drag to work:

[JonasRothmann]

This is still an issue. Anybody with solutions to this issue? Seems like it breaks a lot of software on OSX

[aguynamedben]

This is still an issue in Electron 1.6.7. I don't see why this issue was closed.

Steps to reproduce:

1. Create a BowerWindow with these settings:

    mainWindowSettings = {
      show: false,
      width: 800,
      height: 500,
      frame: false,
    };
    mainWindow = new BrowserWindow(mainWindowSettings);

2. Put a link in the location the title bar would be:

3. Observe that you can click the link, but there is no cursor, even when you've defined a cursor in your CSS. 4. Remove the `frame: false` line from the settings and relaunch the app. Observe that you can click the link and there is a cursor as expected.

Other notes

• It's not fixed by using the titleBarStyle options
• It doesn't seemed to be directly caused by using Electron's Draggable Region -webkit-app-region: drag; option. If I remove my usage of that, the behavior is the same.
• It doesn't seem to be fixed by the selectable text gotcha in the Frameless Window docs.
• Maybe it's related to the Transparent Window gotcha in the Frameless Window docs (but I'm not sure)

My guess is that under the hood BrowserWindow's {frame: false} functionality is implemented using transparent windows so the area where the title bar normally would be is subject to #1335.

[aguynamedben]

Sorry if it's unclear... the exact issue I'm seeing is the same as this: #3619 (Cursor doesn't change to pointer in topbar) which was closed and linked to this issue.

[MarshallOfSound]

@aguynamedben You're looking for this https://github.com/electron/electron/blob/master/docs/api/frameless-window.md#custombuttonsonhover 😄

[JohannRosenberg]

I'm using electron 1.6.11 and the cursor doesn't change to a pointer using css. Was this fixed?