aljaz/pear-docs
1
0
Fork 0
mirror of https://github.com/aljazceru/pear-docs.git synced 2025-12-17 22:44:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add pressing escape hides change port form

Browse Source
This commit is contained in:
Tobias Baunbaek
2024-02-01 14:53:30 +01:00
parent bb706e06dd
commit 3be059edde
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
lib/devtools.js
View File

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