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

refactor(animated modal): focus input if it exists and its not hidden

Browse source
This commit is contained in:
Miodec 2024-03-15 15:10:25 +01:00
parent 54237d369e
commit f47340b301
1 changed files with 13 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
frontend/src/ts/utils/animated-modal.ts
View file

@ -158,12 +158,19 @@ export default class AnimatedModal {
}
focusFirstInput(setting: true | "focusAndSelect" | undefined): void {
if (setting === true) {
this.modalEl.querySelector("input")?.focus();
} else if (setting === "focusAndSelect") {
const input = this.modalEl.querySelector("input") as HTMLInputElement;
input.focus();
input.select();
const input = this.modalEl.querySelector("input");
if (input !== null) {
const isHidden = input.classList.contains("hidden");
if (isHidden) {
this.wrapperEl.focus();
} else {
if (setting === true) {
input.focus();
} else if (setting === "focusAndSelect") {
input.focus();
input.select();
}
}
} else {
this.wrapperEl.focus();
}