Add pressing escape hides change port form

This commit is contained in:
Tobias Baunbaek
2024-02-01 14:53:30 +01:00
parent bb706e06dd
commit 3be059edde

View File

@@ -179,7 +179,7 @@ customElements.define('developer-tooling', class extends HTMLElement {
this.changePortElem = this.root.querySelector('#change-port')
this.apps = new Map()
this.addKeyInputElem.addEventListener('keypress', e => {
this.addKeyInputElem.addEventListener('keydown', e => {
this.addKeyErrorElem.textContent = ''
})
this.addKeyFormElem.addEventListener('submit', e => {
@@ -188,8 +188,13 @@ customElements.define('developer-tooling', class extends HTMLElement {
this.addApp(inspectorKey)
})
this.changePortInputElem.addEventListener('keypress', () => {
this.changePortInputElem.addEventListener('keydown', e => {
const isEscape = e.key === 'Escape'
this.changePortErrorElem.textContent = ''
if (isEscape) {
this.changePortFormElem.classList.add('hidden')
this.changePortInputElem.value = ''
}
})
this.changePortShowElem.addEventListener('click', () => {
this.changePortFormElem.classList.remove('hidden')