Lightemerald/windows-user-space-emulator
2
0
Fork 0
mirror of https://github.com/momo5502/emulator.git synced 2026-01-18 19:23:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Scroll locking

Browse Source
This commit is contained in:
momo5502
2025-09-07 10:57:57 +02:00
parent 562da05a2d
commit 495ad6873f
1 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
page/src/components/output.tsx
View File

@@ -181,6 +181,7 @@ export class Output extends React.Component<OutputProps, FullOutputState> {
private listRef: React.RefObject<ListImperativeAPI | null>;
private resizeObserver: ResizeObserver;
private scrollElement: HTMLDivElement | null | undefined;
private scrollActive: boolean = false;
constructor(props: OutputProps) {
super(props);
@@ -189,6 +190,7 @@ export class Output extends React.Component<OutputProps, FullOutputState> {
this.logLine = this.logLine.bind(this);
this.logLines = this.logLines.bind(this);
this.handleScroll = this.handleScroll.bind(this);
this.handleScrollEnd = this.handleScrollEnd.bind(this);
this.updateDimensions = this.updateDimensions.bind(this);
this.outputRef = React.createRef();
@@ -211,6 +213,10 @@ export class Output extends React.Component<OutputProps, FullOutputState> {
}
handleScroll(e: Event) {
if (this.scrollActive) {
return;
}
const threshold = 40;
const element = e.target as HTMLElement;
const { scrollTop, scrollHeight, clientHeight } = element;
@@ -219,8 +225,14 @@ export class Output extends React.Component<OutputProps, FullOutputState> {
this.setState({ autoScroll: isAtEnd });
}
handleScrollEnd(e: Event) {
this.scrollActive = false;
this.handleScroll(e);
}
unregisterScrollListener() {
this.scrollElement?.removeEventListener("scroll", this.handleScroll);
this.scrollElement?.removeEventListener("scrollend", this.handleScrollEnd);
}
registerScrollListener(element: HTMLDivElement | null | undefined) {
@@ -231,6 +243,7 @@ export class Output extends React.Component<OutputProps, FullOutputState> {
this.unregisterScrollListener();
this.scrollElement = element;
element?.addEventListener("scroll", this.handleScroll);
element?.addEventListener("scrollend", this.handleScrollEnd);
}
registerScrollOnList() {
@@ -254,6 +267,7 @@ export class Output extends React.Component<OutputProps, FullOutputState> {
scrollListToEnd() {
if (this.listRef.current && this.state.lines.length > 0) {
this.scrollActive = true;
this.listRef.current.scrollToRow({
index: this.state.lines.length - 1,
behavior: "instant",