monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-03-04 18:53:26 +08:00
Code Issues Projects Releases Packages Wiki Activity

impr: focus first non hidden input instead of just the first one

Browse source
This commit is contained in:
Miodec 2024-03-22 20:32:47 +01:00
parent c0500ce9c6
commit c905fcbed4
1 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -161,18 +161,18 @@ export default class AnimatedModal {
}
focusFirstInput(setting: true | "focusAndSelect" | undefined): void {
const input = this.modalEl.querySelector("input");
if (input !== null) {
const isHidden = input.classList.contains("hidden");
if (isHidden) {
this.wrapperEl.focus();
const inputs = [...this.modalEl.querySelectorAll("input")];
const input = inputs.filter(
(input) => !input.classList.contains("hidden")
)[0];
if (input !== undefined && input !== null) {
if (setting === true) {
input.focus();
} else if (setting === "focusAndSelect") {
input.focus();
input.select();
} else {
if (setting === true) {
input.focus();
} else if (setting === "focusAndSelect") {
input.focus();
input.select();
}
this.wrapperEl.focus();
}
} else {
this.wrapperEl.focus();