Добавлено автоматическое фокусирование на текстовом поле при переходе в режим редактирования заметки. Установлен курсор в конец текста для улучшения пользовательского опыта.
This commit is contained in:
parent
4eeab85284
commit
6013bd1c79
@ -755,6 +755,20 @@ export const NoteItem: React.FC<NoteItemProps> = ({
|
|||||||
};
|
};
|
||||||
}, [isEditing, editContent]);
|
}, [isEditing, editContent]);
|
||||||
|
|
||||||
|
// Фокусировка на textarea при переходе в режим редактирования
|
||||||
|
useEffect(() => {
|
||||||
|
if (isEditing && editTextareaRef.current && !localPreviewMode) {
|
||||||
|
setTimeout(() => {
|
||||||
|
editTextareaRef.current?.focus();
|
||||||
|
// Устанавливаем курсор в конец текста
|
||||||
|
const textarea = editTextareaRef.current;
|
||||||
|
if (textarea) {
|
||||||
|
textarea.setSelectionRange(editContent.length, editContent.length);
|
||||||
|
}
|
||||||
|
}, 100);
|
||||||
|
}
|
||||||
|
}, [isEditing, localPreviewMode, editContent]);
|
||||||
|
|
||||||
// Отслеживание выделения текста
|
// Отслеживание выделения текста
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!isEditing) return;
|
if (!isEditing) return;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user