almet/umap
1
0
Fork 0
mirror of https://github.com/umap-project/umap.git synced 2025-04-29 11:52:38 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

wip: deal with escape in tableeditor input/textarea

Browse source
This commit is contained in:
Yohan Boniface 2024-07-10 11:47:52 +02:00
parent 9f04f56c7c
commit 4a6b271bbe
1 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
umap/static/umap/js/modules/tableeditor.js
View file

@ -214,7 +214,7 @@ export default class TableEditor extends WithTemplate {
const field = `properties.${property}` const field = `properties.${property}`
const tr = event.target.closest('tr') const tr = event.target.closest('tr')
const feature = this.datalayer.getFeatureById(tr.dataset.feature) const feature = this.datalayer.getFeatureById(tr.dataset.feature)
const handler = property === 'description' ? 'Textarea' : 'Input' const handler = property === 'description' ? 'Textarea' : 'BlurInput'
const builder = new U.FormBuilder(feature, [[field, { handler }]], { const builder = new U.FormBuilder(feature, [[field, { handler }]], {
id: `umap-feature-properties_${L.stamp(feature)}`, id: `umap-feature-properties_${L.stamp(feature)}`,
}) })
@ -226,6 +226,14 @@ export default class TableEditor extends WithTemplate {
cell.innerHTML = feature.properties[property] || '' cell.innerHTML = feature.properties[property] || ''
cell.focus() cell.focus()
}) })
input.addEventListener('keydown', (event) => {
if (event.key === 'Escape') {
builder.restoreField(field)
cell.innerHTML = feature.properties[property] || ''
cell.focus()
event.stopPropagation()
}
})
} }
onKeyDown(event) { onKeyDown(event) {