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

fix: changing tape mode during the test causing overflow

Browse source
This commit is contained in:
Miodec 2024-07-08 13:17:48 +02:00
parent d2caf248b3
commit a00a8bb94c
1 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -347,7 +347,7 @@ function getWordHTML(word: string): string {
return retval;
}
function updateWordWrapperClasses(): void {
function updateWordWrapperClasses(initial = false): void {
if (Config.tapeMode !== "off") {
$("#words").addClass("tape");
$("#wordsWrapper").addClass("tape");
@ -382,13 +382,15 @@ function updateWordWrapperClasses(): void {
}
$("#words").attr("class", existing.join(" "));
updateWordsWidth();
updateWordsHeight(true);
void updateWordsInputPosition(initial);
}
export function showWords(): void {
$("#words").empty();
updateWordWrapperClasses();
let wordsHTML = "";
if (Config.mode !== "zen") {
for (let i = 0; i < TestWords.words.length; i++) {
@ -401,13 +403,12 @@ export function showWords(): void {
$("#words").html(wordsHTML);
updateWordsWidth();
updateWordsHeight(true);
updateActiveElement(undefined, true);
setTimeout(() => {
void Caret.updatePosition();
}, 125);
void updateWordsInputPosition(true);
updateWordWrapperClasses(true);
}
const posUpdateLangList = ["japanese", "chinese", "korean"];