[Solved] Angular kendo Multiselect Focus

[Tera]

how to focus on first element of list at open click?

the focus is on bottom

i want to set focus on top of the list when is opened

		#projectmultiselect
		(open)="open(e)"
		(opened)="opened(e)"

 

[Hetali]

Hello Tera,

In order to focus on the first item of the Kendo UI MultiSelect upon opening the popup, use the focusItemAt method in the open event to set the desired index. For example:

<kendo-multiselect
  #projectmultiselect
  (open)="open()"
>
</kendo-multiselect>

@ViewChild('projectmultiselect') public multiselect;

public open() {
  this.multiselect.focusItemAt(0);
}

This StackBlitz example demonstrates the above discussed approach.

I hope this helps. Please let me know if I can further assist you.

Regards,
Hetali
Progress Telerik

[Tera]

.focusItemAt is not a function

 

it doesn't work

 

	#areamultiselect
        (open)="openArea()"
    

@ViewChild('areamultiselect') public areamultiselect;


    public openArea() {
        this.areamultiselect.focusItemAt(0);
    }

[Hetali]

Hi Tera,

Could you please confirm the Kendo UI DropDowns package version? The focusItemAt() function was introduced in v5.2.0.

If you're using v5.2.0 or above, please share an isolated Angular application replicating the issue. I can then investigate.

Regards,
Hetali
Progress Telerik