Using autoFocusedElement to auto focus the dialog elements when it open. The focus functionality is working as per expected. However i am getting Angular lifecycle error while i use kendo-floatinglabel for the kendo-textbox.
Here is the stackblitz - https://stackblitz.com/edit/angular-oqmcb8?file=src%2Fapp%2Ftext.component.ts
I am using autoFocusedElement to set focus to the first input on a dialog as described at https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/initial-focus/. When that input is wrapped in a floating label, it appears to work, but it produces the following error in the console:
<div class="example-wrapper">
<button kendoButton *ngIf="!opened" (click)="open()">Open dialog</button>
<kendo-dialog *ngIf="opened"
autoFocusedElement="#username"
title="Please confirm"
(close)="close('cancel')"
[minWidth]="250"
[width]="450"
>
<div style="margin: 30px; text-align: center;">
<p>Enter your username below</p>
<kendo-floatinglabel text="User Name">
<input kendoTextBox id="username" placeholder="Your username" style="width: 200px"/>
</kendo-floatinglabel>
</div>
<kendo-dialog-actions>
<button kendoButton (click)="close('no')">No</button>
<button kendoButton (click)="close('yes')" primary="true">Yes</button>
</kendo-dialog-actions>
</kendo-dialog>
</div>