github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-01-29 15:47:57 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix slug input (#8888)

Browse Source 
* allow arrow keys in slug input

* enable preserveTrailingDash for slug input
This commit is contained in:
Azri Kahar
2021-10-19 00:14:50 +08:00
committed by GitHub
parent c88db66282
commit e3aa9fae2a
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/src/components/v-input/v-input.vue
View File

@@ -179,7 +179,17 @@ export default defineComponent({
function processValue(event: KeyboardEvent) {
if (!event.key) return;
const key = event.key.toLowerCase();
const systemKeys = ['meta', 'shift', 'alt', 'backspace', 'tab'];
const systemKeys = [
'meta',
'shift',
'alt',
'backspace',
'tab',
'arrowup',
'arrowdown',
'arrowleft',
'arrowright',
];
const value = (event.target as HTMLInputElement).value;
if (props.slug === true) {
@@ -233,7 +243,7 @@ export default defineComponent({
} else {
if (props.slug === true) {
const endsWithSpace = value.endsWith(' ');
value = slugify(value, { separator: props.slugSeparator });
value = slugify(value, { separator: props.slugSeparator, preserveTrailingDash: true });
if (endsWithSpace) value += props.slugSeparator;
}