From d5a8f457b23612b409a9d707d14cb1dae18feac2 Mon Sep 17 00:00:00 2001 From: joshuaboud Date: Thu, 15 Jul 2021 16:27:01 -0300 Subject: [PATCH] allow modal to scroll and change focus on enter --- navigator/components/ModalPrompt.js | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/navigator/components/ModalPrompt.js b/navigator/components/ModalPrompt.js index bfebdc5..5bc2eb2 100644 --- a/navigator/components/ModalPrompt.js +++ b/navigator/components/ModalPrompt.js @@ -49,6 +49,7 @@ export class ModalPrompt { construct_element() { let bg = this.modal = document.createElement("div"); bg.classList.add("modal"); + bg.style.overflowY = "auto"; let fg = document.createElement("div"); fg.classList.add("modal-dialog"); bg.appendChild(fg); @@ -203,6 +204,14 @@ export class ModalPrompt { this.show(); inputs[0].focus(); + for (let i = 0; i < inputs.length - 1; i++) { + inputs[i].onchange = () => { + inputs[i+1].focus(); + } + } + inputs[inputs.length - 1].onchange = () => { + this.ok.focus(); + } return new Promise((resolve, reject) => { this.ok.onclick = () => { let response = {};