Итак, я создаю пользовательский компонент Select в React.
я хочу, чтобы он вел себя точно так же, как HTML-выбор, поэтому я включаю реальную <select>, которую я хочу сделать невидимой, но, например, получить фокус на нажатие клавиши TAB из предыдущего поля формы.
Я пытался:
css -> display: none (не фокусируется)
HTML -> <select hidden> (не фокусируется)
css -> height: 0 (все еще показывает - видимая высота> 0)
Я знаю, что следующий подход будет работать, но я не думаю, что он уместен
<div style="height: 0; overflow-y: hidden"><select /></div>
Каков будет ваш подход?