Mam taki kod, gdzie chciałbym wymusić focusa na elemencie <select>.
<form id="addProducts" action="#">
<h3><p><i>Please make your choise:</i></p></h3>
<label id ='label'for="stuff">Stuff:</label>
<select tabindex= '-1' class='stuffSelect' name="stuff" id="stuffSelect"></select>
<button type="submit">Add</button>
</form>
Do wymuszania focusa służyć ma taka funkcja, która jest przyczepiona do elementu label - tak do label a nie selekt, tak to własnie ma być. I ta funkcja odpala się po kliku na label, czego dowodzi wyświetlanie 'click' niemniej element focusa nie dostaje. I nie bardzo rozumiem dlaczego. Ewentualnie, czy ktoś ma inny pomysł na rozwinięcie tego otwarcie tego selecta programowo?
onStuffLabelClick: (ev)=>{event.preventDefault(); console.log('click');this.stuffSelect.focus();},