javascript - 如何启用在Electron和Svelte中移动无框窗口的功能？

Question

我正在按照this article设置Electron和Svelte。
我想使窗口无框架，因此我在frame: false中启用了index.js，它可以成功工作并且没有标题栏。
根据this StackOverflow answer，要启用移动，我需要使用:

.titlebar {
  -webkit-user-select: none;
  -webkit-app-region: drag;
}

但这是行不通的，我什么也拖不起来。
完整的Svelte代码:

<main>
   <h1>Hello</h1>
</main>
<style>
    main {
        --webkit-user-select: none;
        --webkit-app-region: drag;
        text-align: center;
        padding: 1em;
        max-width: 240px;
        margin: 0 auto;
    }

    h1 {
        color: #ff3e00;
        text-transform: uppercase;
        font-size: 4em;
        font-weight: 100;
    }

    @media (min-width: 640px) {
        main {
            max-width: none;
        }
    }
</style>

Answer 1

原来我需要添加:

* {
        -webkit-user-select: none;
        -webkit-app-region: drag;
    }

到我的Svelte应用程序，然后使用 -webkit-app-region: no-drag !important;来处理不应该像按钮一样拖动的内容。