Пробовал, тоже не срабатывает)

Точнее все события отрабатывают, только если я кликну мышкой в любой области.

Но хотелось бы не прибегать к этому

Тоже пробовал, но чет вообще ничего не поменялось.

onFocus на input’е сработает, а уже его через какой-нибудь input:focus + элемент который хочешь застилизовать

в реакте правильно autoComplete)

Гениально, только они тогда должны быть на одном уровне, а чтобы не нужно было писать id, forHtml, нужно их делать вложенными

Тут вся проблема в idшниках

ну а кто тебе мешает их на один уровень сделать?

IDшники, откуда я тебе их возьму, вот мне надо 2100 чекбоксов зарендерить, откуда мне их взять?

а что ты стилизуешь? label под input?

Да, по другому особо никак

Я думал использовать какой-нибудь nanoid, но там есть шанс того, что idшник будет не уникальный, и будет всем очень грустно

ну ты можешь взять span на одном уровне с input’ом и обернуть в label

Так это мою проблему не решит, как мне фокус тогда передать? Или я тебя неправильно понял? Можешь селекторами написать как это выглядит?
Типо: div + span > input

Аааа. Боль. Может в css спросишь?

твой фокус поймает input

Ребят помогите плз. Не хочу отказываться от автокомплита, но хочется отлавливать его событие

У тебя нет понимания как работают селекторы и что можно делать. Что ID вообще не нужен, если оборачивать лейблом. Что фокус ловится не реактом, а html.  Что можно какую угодно структуру нагородить, и даже вынести из лейбла или не писать его и при фокусе в инпуте, который сработает и по TAB, отлавливать, тут уже да, реактом, менять Стейт и ставить что нужно у какого нужно элемента в компоненте. И в этом случае не забыть снимать фокус при блюре

Так он в фокус попадает, или display none? focus-within не работает?