[Solved] How to handle Tab key pressed in AutoComplete?

[nick2017]

Is there any way to handle Tab key pressed event in the AutoComplete component? 

My use case is to keep the component stayed focus when users hit the Tab and show an error message if the entered text is invalid. Please advice.

[Stefan]

Hello,

This can be achieved by use the component ref and attaching a keydown event listener to the input.

Then inside the event check for the tap keycode.

This is an example:

https://stackblitz.com/edit/react-cw51ay?file=app/main.jsx

I hope this is helpful.

Regards,
Stefan
Progress Telerik

[nick2017]

Thank you Stefan,

Also got the same approach on yesterday