无框 window 不可拖动 - Mac OSX

Question

在Mac [OSX 10.8.5]上创建无框window后就不能再拖了吗？

mainWindow = new BrowserWindow({
    frame: false,
    resizable: false,
    width: 500,
    height: 300
});

我从 docs 中发现，将 -webkit-app-region: drag 样式分配给 body 元素应该可以修复它，但由于某种原因，window 只是粘在初始位置。

我还没有在 Windows 或 Linux 上测试过。有人以前见过这个问题吗？

[编辑 2015 年 11 月 4 日]

我已经在 Windows 机器上测试了该应用程序，它是可拖动的。这是 Mac 相关的问题。将尝试在 GitHub 回购中创建新问题。

[编辑 2015 年 11 月 4 日]

已确认这是 Electron v0.34.2 版本的一个错误。临时解决方案是降级到v0.34.0.

可以在 GitHub、Issue #3329

上追踪

Answer 1

只需制作 2 css 类并将它们应用于您想要的任何项目，至少它与 div 和 h1 完美配合。在 windows 和 linux

上测试

.drag-area {
  -webkit-app-region: drag;
}

.nodrag-area {
  -webkit-app-region: no-drag;
}

例如：

<header class="toolbar toolbar-header drag-area">
    <h1 class="title">Photon</h1>
</header>

Answer 2

该问题与 OSX 错误有关，Chrome 已经放弃了对 Mac OSX 10.8 版本的支持，因此该错误不会出现固定的。解决方案是使用 Electron v0.34.0 或更新 OS.

中找到更多信息

Answer 3

这是否仅在打开 devTools 时发生？我有完全相同的问题，即拖动工作 Windows，而不是 OSX。发现我的问题与 devTools 有关。希望这能为其他人节省一些时间：

在 OSX，必须关闭 devTools 才能使 -webkit-app-region: drag; 工作！

(电子 v1.3.1)

Frameless window not draggable - Mac OSX