Как не терять фокус с формы textarea при вставке через выбор элемента в другой форме select?

Question

[Полина Мезенина]

Есть форма в которой можно редактировать текст Textarea, и есть форма Select (выпадающий список ). Приложение написано с использование react+redux. При выборе элемента в выпадающем списке в форму редактирования текста вставляется этот элемент. Вопрос, как при клике на выпадающий список не терять фокус с формы редактирования текста? Сейчас фокус пропадает и после выбора снова появляется. Если можете посоветовать статьи на эту тему, буду признательна :) (нашла только про операции с одной формой, а не когда их несколько)

Answer 1

[Павел Диденко]

На инпутах есть обработчики onBlur, onFocus. В onBlur добавьте обработчик с e.preventDefault(). Должно помочь

Comments

[Полина Мезенина]

на onBlur уже есть обработчик, который сохраняет изменения, и тогда ведь фокус вообще никогда не будет пропадать, разве нет?

[Павел Диденко]

Полина Мезенина, странная логика инпута, сохранять при блюре. Ну да ладно, как хотите. Просто добавьте логики в вам уже существующий обработчик.
Можете в стейт добавить параметр isFocused и управлять состоянием фокуса при помощи этого параметра