wip: deal with escape in tableeditor input/textarea

umap-project · Jul 11, 2024 · 4a6b271 · 4a6b271
1 parent 9f04f56
commit 4a6b271
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/umap/static/umap/js/modules/tableeditor.js b/umap/static/umap/js/modules/tableeditor.js
@@ -214,7 +214,7 @@ export default class TableEditor extends WithTemplate {
     const field = `properties.${property}`
     const tr = event.target.closest('tr')
     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 }]], {
       id: `umap-feature-properties_${L.stamp(feature)}`,
     })
@@ -226,6 +226,14 @@ export default class TableEditor extends WithTemplate {
       cell.innerHTML = feature.properties[property] || ''
       cell.focus()
     })
+    input.addEventListener('keydown', (event) => {
+      if (event.key === 'Escape') {
+        builder.restoreField(field)
+        cell.innerHTML = feature.properties[property] || ''
+        cell.focus()
+        event.stopPropagation()
+      }
+    })
   }
 
   onKeyDown(event) {