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

Fixed last word(s) highlight not showing up (#4479) ademirkan

Browse source
This commit is contained in:
ademirkan 2023-07-25 06:28:27 -07:00 • committed by GitHub
parent 47a73190c4
commit 45cc0487ed
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
frontend/src/ts/elements/result-word-highlight.ts
View file

@ -92,6 +92,9 @@ export async function highlightWordsInRange(
return false;
}
// Update lastWordIndex if it is out of bounds
lastWordIndex = Math.min(lastWordIndex, wordEls.length - 1);
// Get highlight properties
const newHighlightElementPositions = getHighlightElementPositions(
firstWordIndex,
@ -173,6 +176,7 @@ export function setIsHoverChart(state: boolean): void {
// Function to initialize the highlight system
async function init(): Promise<boolean> {
// Early exit if already initialized or initialization is in progress
if (isInitialized || isInitInProgress) {
return false;
}
@ -185,7 +189,9 @@ async function init(): Promise<boolean> {
RWH_el = $("#resultWordsHistory")[0];
RWH_rect = RWH_el.getBoundingClientRect();
wordEls = $(RWH_el).find(".words .word");
wordEls = $(RWH_el).find(".words .word[input]");
// remove non-input words
if (wordEls.length === 0) {
isInitInProgress = false;
@ -198,7 +204,7 @@ async function init(): Promise<boolean> {
// Construct lines array and wordIndexToLineIndexDict
wordIndexToLineIndexDict[0] = 0;
for (let i = 1; i < wordEls.length - 1; i++) {
for (let i = 1; i < wordEls.length; i++) {
const word = wordEls[i];
const prevWord = wordEls[i - 1];
@ -476,6 +482,7 @@ function getHighlightWidth(
wordEls[wordEndIndex],
]);
const lastWordElRect = wordEls[wordEndIndex].getBoundingClientRect();
const lastInputWordElRect =
inputWordEls[wordEndIndex].getBoundingClientRect();
let width = highlightRect.width + PADDING_X;