monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-02-23 22:33:57 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix(caret): incorrect placement in tape mode

Browse source
This commit is contained in:
Miodec 2024-07-31 15:43:20 +02:00
parent 9858d93dc2
commit 981f9668c9
1 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
frontend/src/ts/test/caret.ts
View file

@ -142,11 +142,18 @@ export async function updatePosition(noAnim = false): Promise<void> {
newTop = activeWordEl.offsetTop + letterPosTop - caret.offsetHeight / 2;
}
const newLeft =
let newLeft =
activeWordEl.offsetLeft +
letterPosLeft -
(fullWidthCaret ? 0 : caretWidth / 2);
const wordsWrapperWidth =
$(document.querySelector("#wordsWrapper") as HTMLElement).width() ?? 0;
if (Config.tapeMode === "letter") {
newLeft = wordsWrapperWidth / 2 - (fullWidthCaret ? 0 : caretWidth / 2);
}
const newWidth = fullWidthCaret ? (letterWidth ?? 0) + "px" : "";
let smoothlinescroll = $("#words .smoothScroller").height();