monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2024-09-21 15:56:24 +08:00
Code Issues Packages Projects Releases Wiki Activity

fixed caret showing up in the wrong position on refocus

Browse source
This commit is contained in:
Miodec 2022-05-03 14:10:28 +02:00
parent 96b5395a2e
commit 9aab7e33c4
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -40,6 +40,10 @@ export async function updatePosition(): Promise<void> {
document.querySelector("#caret")?.getBoundingClientRect().width ?? 0
);
if (caret.is(":visible") === false) {
console.log("cartet is invisisble");
}
if (["block", "outline", "underline"].includes(Config.caretStyle)) {
caretWidth /= 3;
}
@ -124,9 +128,14 @@ export async function updatePosition(): Promise<void> {
}
}
console.log("currentletterposleft", currentLetterPosLeft);
console.log("caretWidth", caretWidth);
let smoothlinescroll = $("#words .smoothScroller").height();
if (smoothlinescroll === undefined) smoothlinescroll = 0;
console.log(newTop, newLeft);
if (Config.smoothCaret) {
caret.stop(true, false).animate(
{
@ -176,8 +185,8 @@ export async function updatePosition(): Promise<void> {
export function show(): void {
if ($("#result").hasClass("hidden")) {
updatePosition();
$("#caret").removeClass("hidden");
updatePosition();
startAnimation();
}
}