monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-09-10 16:48:40 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix(wordsInput): prevent automatic scrolling when focusing #wordsInput (@NadAlaba) (#6724)

Browse source 
fix #6723
This commit is contained in:
Nad Alaba 2025-07-11 17:10:41 +03:00 • committed by GitHub
parent 14cf7b0584
commit ee02bee5db
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 13 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/ts/test/test-logic.ts
View file

@ -310,7 +310,7 @@ export function restart(options = {} as RestartOptions): void {
async () => {
$("#result").addClass("hidden");
$("#typingTest").css("opacity", 0).removeClass("hidden");
$("#wordsInput").val(" ");
$("#wordsInput").css({ left: 0 }).val(" ");
if (Config.language.startsWith("korean")) {
koInputVisual.innerText = " ";

20
frontend/src/ts/test/test-ui.ts
View file

@ -438,10 +438,7 @@ function updateWordWrapperClasses(): void {
updateWordsWidth();
updateWordsWrapperHeight(true);
updateWordsMargin();
setTimeout(() => {
void updateWordsInputPosition(true);
}, 250);
updateWordsMargin(updateWordsInputPosition, [true]);
}
export function showWords(): void {
@ -637,9 +634,16 @@ export function updateWordsWrapperHeight(force = false): void {
outOfFocusEl.style.maxHeight = wordHeight * 3 + "px";
}
function updateWordsMargin(): void {
function updateWordsMargin<T extends unknown[]>(
afterCompleteFn: (...args: T) => void,
args: T
): void {
const afterComplete = (): void => {
afterCompleteFn(...args);
void updateHintsPositionDebounced();
};
if (Config.tapeMode !== "off") {
void scrollTape(true, updateHintsPositionDebounced);
void scrollTape(true, afterComplete);
} else {
const wordsEl = document.getElementById("words") as HTMLElement;
const afterNewlineEls =
@ -653,7 +657,7 @@ function updateWordsMargin(): void {
{
duration: SlowTimer.get() ? 0 : 125,
queue: "leftMargin",
complete: updateHintsPositionDebounced,
complete: afterComplete,
}
);
jqWords.dequeue("leftMargin");
@ -665,7 +669,7 @@ function updateWordsMargin(): void {
for (const afterNewline of afterNewlineEls) {
afterNewline.style.marginLeft = `0`;
}
void updateHintsPositionDebounced();
afterComplete();
}
}
}