Merge pull request #1303 from Nolshine/fix_status_text_animation_not_resetting

fix status text animation not resetting properly
This commit is contained in:
hydroflame 2021-09-19 18:28:28 -04:00 committed by GitHub
commit 48eb0df99f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -10,21 +10,27 @@ let x: number | undefined;
* @param text The status text to display
*/
export function createStatusText(text: string): void {
if (x !== undefined) {
clearTimeout(x);
// Likely not needed due to clearTimeout, but just in case...
x = undefined;
}
const statusElement: HTMLElement = getElementById("status-text");
statusElement.style.display = "block";
statusElement.classList.add("status-text");
statusElement.innerText = text;
const handler: Action = () => {
statusElement.innerText = "";
statusElement.style.display = "none";
statusElement.classList.remove("status-text");
};
if (x !== undefined) {
clearTimeout(x);
// Likely not needed due to clearTimeout, but just in case...
x = undefined;
// reset the element's animation
statusElement.style.animation = 'none';
setTimeout(function() {
statusElement.style.animation = '';
}, 10);
}
statusElement.style.display = "block";
statusElement.classList.add("status-text");
statusElement.innerText = text;
x = setTimeoutRef(handler, threeSeconds);
}