无框窗口不可拖动 - Mac OSX

Question

在Mac [OSX 10.8.5]上创建无框窗口时，无法再拖动它了吗？

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

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

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

[编辑04.11.2015]

我在Windows机器上测试了应用程序并且它是可拖动的。这是与Mac相关的问题。将尝试在GitHub repo中创建新问题。

[编辑04.11.2015]

确认这是电子版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

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

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

（电子v1.3.1）