diff --git a/src/components/ui/forms/TextField.svelte b/src/components/ui/forms/TextField.svelte index a8b6fe0..2a2f54b 100644 --- a/src/components/ui/forms/TextField.svelte +++ b/src/components/ui/forms/TextField.svelte @@ -10,3 +10,9 @@ + + diff --git a/src/components/web-components/TagsEditor.svelte b/src/components/web-components/TagsEditor.svelte index a1228fc..1128683 100644 --- a/src/components/web-components/TagsEditor.svelte +++ b/src/components/web-components/TagsEditor.svelte @@ -59,15 +59,19 @@ /** * Handle adding new tags to the list or removing them when backspace is pressed. + * + * Additional note: For some reason, mobile Chrome breaks the usual behaviour inside extension. `code` is becoming + * empty, while usually it should contain proper button code. + * * @param {KeyboardEvent} event */ function handleKeyPresses(event) { - if (event.code === 'Enter' && addedTagName.length) { + if ((event.code === 'Enter' || event.key === 'Enter') && addedTagName.length) { addTag(addedTagName) addedTagName = ''; } - if (event.code === 'Backspace' && !addedTagName.length && tags?.length) { + if ((event.code === 'Backspace' || event.key === 'Backspace') && !addedTagName.length && tags?.length) { removeTag(tags[tags.length - 1]); } } @@ -82,7 +86,11 @@ role="button" tabindex="0">x {/each} - +