Как сфокусироваться на элементе

Для фокусировки на элементе в JavaScript используйте метод focus(). Элемент должен быть фокусируемым (input, button, a и т.д.). Для неинтерактивных элементов добавьте tabindex="-1".

Пример:

const input = document.querySelector('input');
input.focus();

Для React:

useEffect(() => {
  const element = ref.current;
  if (element) element.focus();
}, []);

Важные моменты:

1. Фокусировка работает только после рендера элемента
2. В некоторых браузерах требуется небольшой таймаут (setTimeout)
3. Для скрытых элементов фокусировка не сработает
4. Можно добавить CSS-стили для :focus-состояния