Rank 1
Iron
Hi Team,
I'm trying to auto Focus the combobox control but it is not working.
<ComboBox id="xyz" autoFocus={true} />
1 Answer, 1 is accepted
Hi Karthikeyan,
Auto-focusing the ComboBox can be achieved by using the JavaScript focus method to focus the ComboBox element when the component has rendered:
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus
I've created an example to showcase how to achieve this by finding the ComboBox element based on its id using the document.getElementById method and the JS focus method to focus it:
https://stackblitz.com/edit/react-4cesgj?file=app/main.jsx
Hope this helps.
Regards,
Krissy
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.
Rank 1
Iron
Rank 1
Iron
Here is an example of the same case using a class based component and the componentDidMount method:
https://stackblitz.com/edit/react-4cesgj-rv2eoo?file=app/main.jsx
Hope this is what you are looking for.