Select.vue - TypeError: Cannot read properties of null (reading '$el') onOverlayLeave

[wijzijnweb]

Describe the bug

When filter is on and autoFilterFocus as well then on closing the select it wants to focus the filterInput.
But the filterInput is null.

I don't see why filterInput needs to be focused at all when closing the select.

It's caused by this line:

primevue/packages/primevue/src/select/Select.vue

Line 710 in 9d9ae35

focus(this.$refs.filterInput.$el);

Reproducer

https://stackblitz.com/edit/primevue-4-vite-issue-template-ajtkvm?file=src%2Fmain.js

PrimeVue version

4.1.0

Vue version

4.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

Chrome 129.0.6668.70

Steps to reproduce the behavior

Open the select and close it by clicking next to it.

Expected behavior

Not to focus the filterInput when closing the select.

[wijzijnweb]

Pull request: #6546

[wijzijnweb]

Whoops, missed the issue here: #6539

[tugcekucukoglu]

Duplicate

[1Map]

I see that you changed line 691 (onOverlayEnter)

this.autoFilterFocus && this.filter && focus(this.$refs.filterInput.$el);

But the problem is actually in the onOverlayLeave

focus(this.$refs.filterInput.$el);

The focus on the onOverlayLeave can be removed as there are no need to focus on the filterInput during a leave (Does not make sense)

[wijzijnweb]

@1Map +1.

@tugcekucukoglu Please re-evaluate this pull-request. It's not for the same issue you think it was.