【Tauri】windowをつかんで移動させる

解決したいこと

Tauriでフレームレスなアプリを画面に表示させるとき、メニューバーを消すとアプリそのものが移動できなくなるので、windowをつかんで移動できるようにする。

発生している問題

フレーム以外をつかんでwindowが移動できない

修正箇所

• Dragでwindowをつかめるコンポーネントに"data-tauri-drag-region"属性をつける

function App() {
  return (
    <div data-tauri-drag-region className="container">
      <img data-tauri-drag-region src={confuseDog} alt="confused dog gif" width="100vw" height="100vh"/>
    </div>
  );
}

-tauri apiでView側から使えるようにallowlsit.window.startDraggingをtrueに変える

{
    "tauri": {
        "allowlist": {
          "all": false,
+         "window": {
+           "startDragging": true
+         },
          "shell": {
            "all": false,
            "open": true
          }
        },
        "bundle": {
        },
    },
}

結果

無事メニューバー以外をつかんでwindowを移動できるようになりました！

参照ドキュメント

• 公式ドキュメント
• Github Issue