ee2c21e712
Middle-clicking a tab (mouse wheel click) is a conventional "close tab" gesture in browsers and editors. Wire it to every closeable tab strip: the top session / workspace / log-view / editor tabs and the SFTP tab bar. A small shared helper (lib/tabInteractions.ts) handles the gesture: onAuxClick closes the tab when button === 1, and onMouseDown calls preventDefault for the middle button so the Chromium/Electron autoscroll overlay does not appear. Left-click activation and right-click context menus are untouched. Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
import type React from "react";
|
|
|
|
/**
|
|
* The DOM `MouseEvent.button` value for the middle mouse button (wheel click).
|
|
* 0 = left/primary, 1 = middle, 2 = right/secondary.
|
|
*/
|
|
export const MIDDLE_MOUSE_BUTTON = 1;
|
|
|
|
/**
|
|
* Suppress the Chromium/Electron middle-click autoscroll affordance on a tab.
|
|
* Wire to `onMouseDown`: autoscroll is armed on mousedown, so preventing the
|
|
* default there stops the panning-cursor overlay from appearing when a user
|
|
* middle-clicks a tab to close it (#1044).
|
|
*/
|
|
export const handleTabMiddleMouseDown = (e: React.MouseEvent): void => {
|
|
if (e.button === MIDDLE_MOUSE_BUTTON) {
|
|
e.preventDefault();
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Close a tab when it is middle-clicked. Wire to `onAuxClick`, which fires for
|
|
* a completed non-primary click. Left clicks (tab activation) and right clicks
|
|
* (context menu) are ignored so existing behavior is untouched.
|
|
*/
|
|
export const handleTabMiddleClickClose = (
|
|
e: React.MouseEvent,
|
|
close: () => void,
|
|
): void => {
|
|
if (e.button !== MIDDLE_MOUSE_BUTTON) return;
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
close();
|
|
};
|