fix(client): add enterkeyhint to ChipInput for mobile keyboards

Mobile keyboards, such as on Android, may not show a functioning
Enter key by default in this input. Adding enterkeyhint="enter"
allows users to properly submit chips like authors in the
metadata editor.

Closes #310
This commit is contained in:
neon
2026-06-13 16:54:41 +00:00
parent 873f890d20
commit 702cb267ba
+1
View File
@@ -89,6 +89,7 @@ onUnmounted(() => clearTimeout(debounceTimer))
</span>
<input
v-model="query"
enterkeyhint="enter"
class="flex-1 min-w-24 bg-transparent outline-none placeholder:text-muted-foreground/50 disabled:cursor-not-allowed"
:placeholder="placeholder ?? (modelValue.length === 0 ? 'Type and press Enter to add' : 'Press Enter to add')"
:disabled="props.disabled"