Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2025-01-02 18:39:05 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix tabs freeze on touchpad scroll

Browse Source
This commit is contained in:
Red Adaya 2023-12-24 15:31:48 +08:00
parent 7e128c791b
commit cdeef49ec1
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/workspace/screen/tabs.tsx
View File

@ -17,6 +17,7 @@ import { ReactComponent as ActionsIcon } from "../../assets/icons/tab/actions.sv
import { ReactComponent as AddIcon } from "../../assets/icons/add.svg"; import { ReactComponent as AddIcon } from "../../assets/icons/add.svg";
import * as constants from "../../appconst"; import * as constants from "../../appconst";
import { Reorder } from "framer-motion"; import { Reorder } from "framer-motion";
import { debounce } from "throttle-debounce";
import { MagicLayout } from "../../magiclayout"; import { MagicLayout } from "../../magiclayout";
import "../workspace.less"; import "../workspace.less";
@ -86,11 +87,11 @@ class ScreenTabs extends React.Component<{ session: Session }, { showingScreens:
// Add the current deltaY to the history // Add the current deltaY to the history
this.deltaYHistory.push(Math.abs(event.deltaY)); this.deltaYHistory.push(Math.abs(event.deltaY));
if (this.deltaYHistory.length > 5) { if (this.deltaYHistory.length > 2) {
this.deltaYHistory.shift(); // Keep only the last 5 entries this.deltaYHistory.shift(); // Keep only the last 2 entries
} }
// Check if any of the last 5 deltaY values are greater than a threshold // Check if any of the last 2 deltaY values are greater than a threshold
let isMouseWheel = this.deltaYHistory.some((deltaY) => deltaY > 0); let isMouseWheel = this.deltaYHistory.some((deltaY) => deltaY > 0);
if (isMouseWheel) { if (isMouseWheel) {
@ -108,7 +109,8 @@ class ScreenTabs extends React.Component<{ session: Session }, { showingScreens:
// Add the wheel event listener to the tabsRef // Add the wheel event listener to the tabsRef
if (this.tabsRef.current) { if (this.tabsRef.current) {
this.tabsRef.current.addEventListener("wheel", this.handleWheel, { passive: false }); let handleWheel = debounce(200, this.handleWheel);
this.tabsRef.current.addEventListener("wheel", handleWheel, { passive: false });
} }
} }