Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Ammar Hussain
65
Timepicker does not switch on tab inside igx-dialog
posted

https://stackblitz.com/edit/angular-9iwjef

Please refer to the above sample. When using igx-time-picker inside igx-dialog it does not allow to switch between controls using tab. 

Parents
No Data
Reply
  • 700
    Offline posted

    Hello Ammar,

    Thank you for posting in our community!

    I have been looking into your question and an approach I could suggest is using the keydown event and calling its stopPropagation method.

    This could look similar to the following:

    <igx-time-picker #timePicker (keydown)="onKeyDown($event)"></igx-time-picker>

    onKeyDown(keyDown: KeyboardEvent) {
    keyDown.stopPropagation();
}

    Additionally, in order to demonstrate my suggestion, I have modified the provided by you sample and on my side I am able to switch between the IgxTimePicker components using the Tab key.

    Here could be found the modified sample for your reference. Please test it on your side and let me know if you need any further assistance regarding this matter.

    Looking forward to your reply.

    Sincerely,
    Riva Ivanova
    Associate Software Developer

Children