JezzWTF/phokus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add data-tauri-drag-region attribute alongside WebkitAppRegion CSS

Browse Source
This commit is contained in:
LyAhn
2026-04-06 15:01:15 +01:00
parent ab8fba2e3f
commit ce5c3d0033
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/TitleBar.tsx
+4 -1
View File
@@ -58,7 +58,10 @@ export function TitleBar() {
const handleClose = () => appWindow.close(); const handleClose = () => appWindow.close();
return ( return (
// data-tauri-drag-region is the recommended Tauri approach for drag regions.
// WebkitAppRegion is kept as a CSS fallback for compatibility.
<div <div
data-tauri-drag-region
className="titlebar relative z-50 flex h-9 shrink-0 items-center bg-gray-950 select-none" className="titlebar relative z-50 flex h-9 shrink-0 items-center bg-gray-950 select-none"
style={{ WebkitAppRegion: "drag" } as React.CSSProperties} style={{ WebkitAppRegion: "drag" } as React.CSSProperties}
> >
@@ -75,7 +78,7 @@ export function TitleBar() {
</div> </div>
{/* Spacer — draggable region fills here */} {/* Spacer — draggable region fills here */}
<div className="flex-1" /> <div data-tauri-drag-region className="flex-1" />
{/* Window control buttons — right side, non-draggable */} {/* Window control buttons — right side, non-draggable */}
<div <div