Closing the tabs with middle mouse button

pengx17 · Feb 19, 2022 · c943838 · c943838
1 parent 6819e01
commit c943838
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/PageTabs.tsx b/src/PageTabs.tsx
@@ -81,6 +81,8 @@ const Tabs = React.forwardRef<HTMLElement, TabsProps>(
         data-dragging={draggingTab != null}
         className={`flex items-center h-full px-1`}
         style={{ width: "fit-content" }}
+        // By default middle button click will enter the horizontal scroll mode
+        onMouseDown={e => { if (e.button === 1) e.preventDefault(); }}
       >
         {tabs.map((tab) => {
           const isActive = isTabEqual(tab, activePage);
@@ -108,6 +110,7 @@ const Tabs = React.forwardRef<HTMLElement, TabsProps>(
           return (
             <div
               onClick={() => onClickTab(tab)}
+              onAuxClick={onClose}
               onDoubleClick={() => onPinTab(tab)}
               onContextMenu={(e) => {
                 e.preventDefault();