Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-12 04:18:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(core): tag input keyboard control enhancements (#9881)

Browse Source 
fix AF-2166
This commit is contained in:
pengx17
2025-01-25 14:35:49 +00:00
parent 1858947e0c
commit 0d2c2ea21e
1 changed files with 17 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
packages/frontend/core/src/components/tags/tags-editor.tsx
View File

@@ -95,9 +95,15 @@ export const TagsEditor = ({
const scrollContainerRef = useRef<HTMLDivElement>(null);
const onInputChange = useCallback((value: string) => {
setInputValue(value);
}, []);
const onInputChange = useCallback(
(value: string) => {
setInputValue(value);
if (value.length > 0) {
setFocusedInlineIndex(selectedTags.length);
}
},
[selectedTags.length]
);
const onToggleTag = useCallback(
(id: string) => {
@@ -160,7 +166,11 @@ export const TagsEditor = ({
const onInputKeyDown = useCallback(
(e: KeyboardEvent<HTMLInputElement>) => {
if (e.key === 'Backspace' && inputValue === '' && selectedTags.length) {
if (e.key === 'Backspace') {
if (inputValue.length > 0 || selectedTags.length === 0) {
return;
}
e.preventDefault();
const index =
safeInlineFocusedIndex < 0 ||
safeInlineFocusedIndex >= selectedTags.length
@@ -186,6 +196,9 @@ export const TagsEditor = ({
// reset inline focus
setFocusedInlineIndex(selectedTags.length + 1);
} else if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {
if (inputValue.length > 0 || selectedTags.length === 0) {
return;
}
const newItemToFocus =
e.key === 'ArrowLeft'
? safeInlineFocusedIndex - 1