fix titlebar context menu pointer lock

This commit is contained in:
chyoo
2026-07-03 10:20:34 +09:00
parent c36df07204
commit 17a9f6c4ef
+9
View File
@@ -441,12 +441,21 @@ export default function TitleBar({ user, accessToken = '', onHelpClick, onOpenCo
} }
const handleConfirmClose = (): void => window.titlebar.close() const handleConfirmClose = (): void => window.titlebar.close()
const suppressTitlebarContextMenu = (event: React.MouseEvent): void => {
event.preventDefault()
event.stopPropagation()
}
return ( return (
<> <>
<header <header
className="relative z-[10020] flex h-[38px] shrink-0 items-center justify-between rounded-t-[18px] bg-[#111520] px-3 pl-5" className="relative z-[10020] flex h-[38px] shrink-0 items-center justify-between rounded-t-[18px] bg-[#111520] px-3 pl-5"
style={{ WebkitAppRegion: 'drag' } as React.CSSProperties} style={{ WebkitAppRegion: 'drag' } as React.CSSProperties}
onContextMenu={suppressTitlebarContextMenu}
onMouseDown={(event) => {
if (event.button === 2) suppressTitlebarContextMenu(event)
}}
> >
<div className="flex items-center gap-2.5"> <div className="flex items-center gap-2.5">
<img src={icon} alt="" className="h-[18px] w-auto opacity-90" /> <img src={icon} alt="" className="h-[18px] w-auto opacity-90" />