У меня есть пользовательский компонент, в котором я объединил автозаполнение с выбором. Мое ограничение заключается в том, что поле имеет ограниченное пространство, и у меня не может быть переноса. Я хотел бы показать пользователю, какой выбор был последним. Я предполагаю, что мне нужно как-то установить фокус на курсор, так как это компонент автозаполнения. Рабочий пример: https://codesandbox.io/s/thirsty-yalow-ykr8f.
Я пытаюсь получить поле для отображения последнего выбранного компонента. В настоящее время, когда пользователь делает свой выбор, микросхемы исчезают из поля зрения и возвращаются в фокус только после повторного выбора поля. Мне бы хотелось, чтобы поле выбора оставалось с последним выбранным элементом или курсором, позволяя пользователю видеть выбранные элементы по мере их нажатия. Есть ли способ сделать это?
В число вещей, которые я пробовал, входит использование псевдоселекторов для сохранения фокуса и до, и после. Однако я не смог найти способ сфокусироваться на курсоре. Я также пытался создать обработчик событий, чтобы попытаться установить фокус на курсор для onClick и onSelect, но я не мог понять, как получить доступ к курсору / выделению.
Спасибо.