4

MacOS Big Sur で実行されている Electron のバイブランシー効果のバグのように見えるものに気付きました...

最初に読み込まれたときのウィンドウは次のようになります。

ここに画像の説明を入力

マウスを離さずに、別の画面にドラッグして再び元に戻すと、次のようになります。

ここに画像の説明を入力

これを別の画面にドラッグし、マウスを放してからもう一度ドラッグすると、次のようになります。

ここに画像の説明を入力

これが私の設定方法ですBrowserWindow：

const win = new BrowserWindow({
    darkTheme: true,
    frame: false,
    roundedCorners: true,
    transparent: true,
    vibrancy: 'fullscreen-ui',
    titleBarStyle: 'hiddenInset',
    width: 1024,
    height: 768,
    minWidth: 640,
    minHeight: 480
})

そして最後に、これがマークアップです。ドラッグ可能なヘッダーがある方法/理由を確認できます。

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <style>
        html,
        body {
            margin: 0;
            padding: 0;
            min-height: 100%;
            min-width: 100%;
            height: 100%;
            width: 100%;
            overflow: hidden;
        }

        header {
            display: block;
            width: 100%;
            height: 38px;
            background: rgba(0, 0, 0, 0.5);
            user-select: none;
            -webkit-user-select: none;
            -webkit-app-region: drag;
        }
    </style>
</head>

<body>
    <header>

    </header>
</body>

</html>

「これはバグです」とは別に、ウィンドウを別の画面にドラッグすると、丸みを帯びたエッジとドロップ シャドウが失われる理由についてのアイデアはありますか。これが Electron ではなく、コードをセットアップした方法のバグである場合、どうすれば修正できますか?

4

0 に答える 0