multiselect onPanelShow sets the focus to filter

[pilar]

Hello!

How could I indicate to p-multiselect component that the focus must be set on filter when the options panel is opened?

I've tried the following solution but seems doesn't work:

component.html

Code: Select all

<p-multiSelect #type  (onPanelShow)="setFocusToFilter()"

component.ts

Code: Select all

 @ViewChild("type") typeDom;
setFocusToFilter() {
    this.typeDom.filterInputChild.nativeElement.focus();

Would you have any suggestions?

Many thanks,
Pilar

[yigitfindikli]

Hello!

How could I indicate to p-multiselect component that the focus must be set on filter when the options panel is opened?

I've tried the following solution but seems doesn't work:

component.html

Code: Select all

<p-multiSelect #type  (onPanelShow)="setFocusToFilter()"

component.ts

Code: Select all

 @ViewChild("type") typeDom;
setFocusToFilter() {
    this.typeDom.filterInputChild.nativeElement.focus();

Would you have any suggestions?

Many thanks,
Pilar

Hi,

What is your primeng version ? Multiselect already doing this. You can see in demo https://www.primefaces.org/primeng/#/multiselect .

Best Regards.