diff --git a/CHANGELOG.md b/CHANGELOG.md index 5cecdee..031c5c3 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -11,6 +11,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/). - Add Google Chrome support. - Add option to open Treetop in a new tab. - Focus search input when pressing '/'. +- Properties dialog: Save changes when pressing Enter. ### Changed diff --git a/src/treetop/PropertiesDialog.svelte b/src/treetop/PropertiesDialog.svelte index dbf848c..8075d3b 100644 --- a/src/treetop/PropertiesDialog.svelte +++ b/src/treetop/PropertiesDialog.svelte @@ -16,6 +16,16 @@ let nameLabel: TextField; + /** + * Save the changes when the user presses Enter. + */ + function onKeyDown(e: CustomEvent | KeyboardEvent) { + e = e as KeyboardEvent; + if (e.key === 'Enter') { + save(); + } + } + function handleOpened() { // eslint-disable-next-line @typescript-eslint/no-unsafe-call nameLabel.focus(); @@ -99,6 +109,7 @@ bind:this={nameLabel} bind:value={editTitle} on:focus={handleTextFieldFocus} + on:keydown={onKeyDown} label="Name" style="width: 100%;" /> @@ -107,6 +118,7 @@