У меня есть приложение на форуме. У меня проблема при рендеринге некоторого дочернего компонента (текстового редактора) с помощью ключевого слова autoFocus. Я вижу фокус (то есть курсор) на нем, но через мгновение он перемещается на страницу. Я знаю, что из этого кода:
document.activeElement
<body>
Это раздражает, потому что пользователь должен нажать на текстовый редактор, прежде чем набирать текст. Как я могу устранить это? Это проблема с пузырьками?
Подробнее:
На сайте форума запускается компонент Ответить, когда я нажимаю на кнопку ответа. Компонент Reply использует компонент TextEditor, созданный с использованием slate-реагировать. TextEditor отображает элемент Editor с ключевым словом autoFocus:
<Editor spellCheck autoFocus ../>
Как я пишу выше, клянусь, я вижу курсор в редакторе, но затем он исчезает. Я использую разные методы жизненного цикла в своем приложении, но autoFocus используется только в этом элементе Editor.
Мое приложение довольно сложное, и я не думаю, что смогу привести пример.